PALS3004: Web Programming Demo 4-2

<html>
<head>
<title>PALS3004: Web Programming Demo 4-2</title>
<script>
function range1change() {
  document.getElementById("textbox1").value = 
    document.getElementById("range1").value;
}
</script>
</head>
<body>
  <h2>Demo 4-2: onchange handler and assign control value</h2>
  <p><input type="range" id="range1" onchange="range1change()" min="1" max="100" value="50">
  <p><input type="text" id="textbox1" size="20" value="50">
</body>
</html>