PALS3004: Web Programming Demo 5-3

<html>
<head>
<title>PALS3004: Web Programming Demo 5-3</title>
<script>
function formatstr(str,method,result) {
  return '"' + str + '".' + method + ' => ' + result + '\n';
}
function button1click() {
  var txt=document.getElementById("div1");
  var str=document.getElementById("textbox1").value;
  txt.innerHTML = "<pre>\n"
    + formatstr(str,"length",str.length)
    + formatstr(str,"charAt(3)",str.charAt(3))
    + formatstr(str,"substr(2,3)",str.substr(2,3))
    + formatstr(str,"toUpperCase()",str.toUpperCase())
    + "</pre>";
}
</script>
</head>
<body>
  <h2>Demo 5-3: Demonstrate String Functions</h2>

  <p><input type="text" id="textbox1" size="32" >
  <p><button id="button1" onclick="button1click()">Analyze</button>
  <p><div id="div1"></div>
</body>
</html>