With the random number this if, else condition can show the image and text according to the generated number.
Coin flip phone number code#
Here is the code to detect the number of click on a button: When the user clicks on the button the number will increase. Using 'Math.random' we can generate random numbers. Here is the code we are using for this: random_number = Math.floor(Math.random() * 2) + 1 At the beginning of the code, we declared different variables we are going to use in this program.
It to detect different HTML elements in JavaScript. That means this JavaScript will start working when we click on the button. When you press the button, it calls a function name 'clickevent()' because we added an onclick name 'clickevent()'. Random_number = Math.floor(Math.random() * 2) + 1 Ĭhange_image = document.getElementById("Coin_image") Ĭoin_side = document.getElementById("show_the_side_name") JavaScript Code var coin_side ĭocument.getElementById('Count_Button_Click').innerHTML = click_count
We are giving this file the name 'flip.js' and be careful about the dot js file extension because without it the whole program will not work. Then we need the JavaScript file to make this interface live or active. We are connecting the JavaScript file using the script tag. The button we activate the JavaScript function. The image tag source will change according to the generated number. In the number of the flip section, we are going to show how many times a user clicked on the button. Here we created the basic design of our coin flipper project. But make sure to name your files in a standard way and use the right extension.įirst, create an HTML file name 'index.html'. You can use any code editor or even you can create 3 text files and paste the code we are providing in this article. Then open that file from your preferred code editor. To make a coin flipper using JavaScript we actually need 3 files.
0 kommentar(er)
