PALS3004: Web Programming Demo 4-3

<head>
<title>PALS3004: Web Programming Demo 4-3</title>
<script>
function select1change() {
  document.getElementById("alphabet").style.fontFamily = 
    document.getElementById("select1").value;
}
</script>
</head>
<body>
  <h2>Demo 4-3: onchange handler and assign style</h2>
  <p><span id="alphabet">ABCDEFGHIJKLMNOPQRSTUVWXYZ</span>
  <p><select id="select1" onchange="select1change()">
  <option value="Arial">Arial</option>
  <option value="Times">Times</option>
  <option value="Courier">Courier</option>
  </select>
</body>
</html>

Demo 4-3: onchange handler and assign style

ABCDEFGHIJKLMNOPQRSTUVWXYZ