Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Save Code
Ctrl+Alt+A
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
<!DOCTYPE html> <html> <body> <h1>JavaScript Example</h1> <h2>Change the Mood!</h2> <p id="message">Click a button to change the mood.</p> <button onclick="setMood('happy')">😊 Happy</button> <button onclick="setMood('sad')">😢 Sad</button> <button onclick="setMood('excited')">🤩 Excited</button> <script> // Function that changes text and background function setMood(mood) { let text = document.getElementById("message"); if (mood === "happy") { text.innerHTML = "You are feeling happy!"; document.body.style.backgroundColor = "lightyellow"; } if (mood === "sad") { text.innerHTML = "You are feeling sad..."; document.body.style.backgroundColor = "lightblue"; } if (mood === "excited") { text.innerHTML = "You are excited!!!"; document.body.style.backgroundColor = "orange"; } } </script> </body> </html>
