|
<html>
<head>
<title>Global Versus Local Scope of a Variable</title>
<script type="text/javascript">
<!--
var globalString = "A";
function changeToB() {
document.outputForm.beforeB.value = globalString;
globalString = "B";
document.outputForm.afterB.value = globalString;
}
function changeToC() {
document.outputForm.beforeC.value = globalString;
globalString = "C";
document.outputForm.afterC.value = globalString;
}
// -->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("The initial value of globalString is \"" +Image from book globalString + "\".");
// -->
</script>
<br> <form name="outputForm">
<input name="changeButtonA" type="button" value="Change To B" onclick= "changeToB()">
<input name="changeButtonB" type="button" value="Change To C" onclick="changeToC()">
<p>
Value of globalString
<p>
<input name="beforeB" type="TEXT" size="5,1">
<p>
Before clicking on "Change To B"
<p>
<input name="afterB" type="TEXT" size="5,1">
<p>
After clicking on "Change To B"
<p>
<input name="beforeC" type="TEXT" size="5,1">
<p>
Before clicking on "Change To C"
<p>
<input name="afterC" type="TEXT" size="5,1">
<p>
After clicking on "Change To C"
<p>
</form>
</body>
</html>
|