Global Versus Local Scope of a Variable : Variable Definition « Language Basics « JavaScript DHTML






  1. JavaScript DHTML
  2. Language Basics
  3. 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>








Related examples in the same category

1.The Effects of Local and Global Variables
2.Use of Global and Local Variables
3.Event Handler with Multiple Statements in Attribute Value
4.Global and Local Variable Scope Demonstration
5.Variable scope
6.Variable scoping
7.Get the type of a variable
8.Global scope and page scope
9.String value is passed by value, while the array is passed by reference