g) Add JavaScript to the HTML code below so that the button acts as an on/off switch, i.e. when the HTML first gets displayed the button value is "O". When the button gets clicked it should change to "1" and when it is gets clicked again it should change to "0".

icon
Related questions
Question
g) Add JavaScript to the HTML code below so that the button acts as an on/off switch, i.e.,
when the HTML first gets displayed the button value is "0". When the button gets clicked it
should change to "1" and when it is gets clicked again it should change to "0".
<! DOCTYPE html>
<html>
<body>
<input type="button" id="count" value="0">
</body>
</html>
Transcribed Image Text:g) Add JavaScript to the HTML code below so that the button acts as an on/off switch, i.e., when the HTML first gets displayed the button value is "0". When the button gets clicked it should change to "1" and when it is gets clicked again it should change to "0". <! DOCTYPE html> <html> <body> <input type="button" id="count" value="0"> </body> </html>
h) Add JavaScript code to the below HTML so that the paragraphs text is sorted in reverse
order.
<! DOCTYPE html>
<html>
<body>
<h1>Reverse sorting</h1>
<p class="person">Anna</p>
<p class="person">Chloe</p>
<p class="person">Bob</p>
<p class="person">Darren</p>
</body>
</html>
After the modifications, the HTML output should be:
Reverse sorting
Darren
Chloe
Bob
Anna
Transcribed Image Text:h) Add JavaScript code to the below HTML so that the paragraphs text is sorted in reverse order. <! DOCTYPE html> <html> <body> <h1>Reverse sorting</h1> <p class="person">Anna</p> <p class="person">Chloe</p> <p class="person">Bob</p> <p class="person">Darren</p> </body> </html> After the modifications, the HTML output should be: Reverse sorting Darren Chloe Bob Anna
Expert Solution
steps

Step by step

Solved in 4 steps with 3 images

Blurred answer