Wikibooks

BTEC IT Unit 20 - Website Design/JavaScript/Alert Box

< BTEC IT Unit 20 - Website Design | JavaScript

Alert Box (unstructured code) 

<input type="button" value="Click me" onclick="alert('Thanks... I feel much better now!');">

Alert Box (structured code) 

<head>
<script>
// Wait for DOM to load
document.addEventListener("DOMContentLoaded", function(event) {

  // Put the button into a variable
  var e = document.getElementById("go");
  
  // Wait for user to click the button  
  e.addEventListener("click", function() {
  
      // Do the alert box
      alert("Hello");
      
  }, false);
  
});
</script>
</head>
<body>
<form name="myForm">
  <input id="go" type="button" value="Click me">
</form>
</body>
Retrieved from "https://en.wikibooks.org/w/index.php?title=BTEC_IT_Unit_20_-_Website_Design/JavaScript/Alert_Box&oldid=3678124"