Global Versus Local Scope of a Variable

Global Versus Local Scope of a Variable : Variable Definition : Language Basics JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Language Basics » Variable Definition »

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>