Create a webpage and on the webpage display
- a text field "Enter a number"
- a div containing a frog emoji
- 2 buttons "Start Animation" and "Stop Animation"
Whenever the button "Start Animation" is clicked, every second, the website displays either your information or an equation in the emoji div.The example below illustrates how the animation should work:Suppose the user enters a number 50 in the text field and clicks the button "Start Animation", the web page removes the frog emoji from the div and displays the equation 50 + 1 = 51 in the div.Then a second later, the web page removes the equation and displays your full name in the div.Then a second later, the web page removes your name and displays the equation 50 + 2 = 52 in the div.Then a second later, the web page removes the equation and displays your full name in the div.Then a second later, the web page removes your name and displays the equation 50 + 3 = 53 in the div, etc...Whenever the button "Stop Animation" is clicked, then the web page stops the animation, your information and the equation are removed from the web page and the original frog emoji is displayed in the div.Note that in this animation, you must use YOUR OWN information. If your information is wrong then you will not get marks.
