PALS3004: Web Programming Demo 6-2

<html>
<head>
<title>PALS3004: Web Programming Demo 6-2</title>
<script>
var list=[];
function button1click() {
  var txt=document.getElementById("textbox1").value;
  list.push(txt);
  var res=document.getElementById("textarea1");
  res.innerHTML=list.join("\n");
  res.rows=list.length;
}
</script>
<style>
#textarea1 { font: bold 12pt sans-serif; padding: 3pt;}
</style>
</head>
<body>
  <h2>Demo 6-2: Demonstrate Arrays of Strings</h2>

  <h3>My Shopping List</h3>
  <p><textarea id="textarea1" cols="50" rows="1" readonly>
  </textarea>
  <p>Item: <input type="text" id="textbox1" size="32" >
  <button id="button1" onclick="button1click()">Add</button>
</body>
</html>

Demo 6-2: Demonstrate Arrays of Strings

My Shopping List

Item: