Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!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() { // Do the conditional statement var msg = (this.color.value == "Blue") ? "Just like the sky!" : "Didn't select blue huh?"; // Output the result document.getElementById("msg").innerHTML = msg; }, 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>
Preview