Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <script> // Wait for DOM to load document.addEventListener("DOMContentLoaded", function(event) { // Put the button into a variable var e = document.getElementById("myForm"); // Wait for user to click the button e.addEventListener( "change", function() { // Put the selected value into a variable var myColor = this.color.value; // The "If" statement. Only display the alert if "Blue" was selected. if (myColor == "Blue") { // Output a message document.getElementById("msg").innerHTML = "Just like the sky!"; } }, false); }); </script> <!-- Replace '{action page}' with your own action page to support non-JavaScript users --> <form id="myForm" name="myForm" action="{action page}"> <label> <input type="radio" name="color" value="Blue"> Blue </label> <label> <input type="radio" name="color" value="Red"> Red </label> <label> <input type="radio" name="color" value="Green"> Green </label> </form> <p id="msg"></p>