Mega Code Archive

 
Categories / JavaScript DHTML / Language Basics
 

Global Versus Local Scope of a Variable

<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>