<html> <head> <title>PALS3004: Web Programming Demo 4-1</title> <script> function button1click() { document.getElementById("span1").innerHTML = "<b>Hello " + document.getElementById("textbox1").value + "!</b>"; } </script> </head> <body> <h2>Demo 4-1: onclick handler and assign HTML content</h2> <p>Your name: <input type="text" id="textbox1" size="20"> <p><button id="button1" onclick="button1click()">Hello Computer!</button> <p><span id="span1">Type your name and click button.</span> </body> </html>
Demo 4-1: onclick handler and assign HTML content
Your name:
Hello Computer!
Type your name and click button.