screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <title>Add/Remove Class on Click</title> </head> <body> <h3>JavaScript Toggle class onclick</h3> <p id="myElement" >Font Awesome Icons</p> <button id="button">Click me to Toggle Class</button> <script> document.addEventListener("DOMContentLoaded", function () { const element = document.getElementById("myElement"); const button = document.getElementById("button"); button.addEventListener("click", function () { element.classList.toggle("highlight"); }); }); </script> <style> .highlight { background-color: red; width:200px; color:#fff; padding: 30px } </style> </body> </html>