title: How can I display the current radio value with onchange functions to reflect the correct results on a different HTML Page?
body: <p>Can you help me? I want to make an Accuracy Quiz in which after you click on submit 
  it will get your answer and how much time in seconds it took you to complete the quiz &amp; compare it to the array of data in function and display it on a different HTML Page.</p>
  
  <p>I use <code>onchange="handleInput(this);"</code> &amp; &lt;<code>form action="Results.html"&gt;</code> to show results on different page. I am new to Javascript. </p>
  
  <p>Any help will be much appreciated! Thank you.</p>
  
  <p><strong>Sample Results Display</strong></p>
  
  <blockquote>
    <p>Oops! You got 3 answers wrong!</p>
    
    <p>Incorrect answers: 2, 4, 5</p>
    
    <p>You took 17 seconds to complete the quiz. With 5 answers wrong that
    equates to 65 errors per hour! Data Accuracy Answer Key</p>
    
    <p>There are two exact matches: 1 and 3. All others are not a match.
    Please keep in mind that 90 seconds is the average time it takes to
    finish the quiz.</p>
  </blockquote>
  
  <p><strong>Here's my code so far:</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;title&gt;Accuracy Proofing&lt;/title&gt;
  &lt;head&gt;
  &lt;script language="JavaScript"&gt;
  startday = new Date();
  clockStart = startday.getTime();
  function initStopwatch() { 
  var myTime = new Date(); 
  var timeNow = myTime.getTime();  
  var timeDiff = timeNow - clockStart; 
  this.diffSecs = timeDiff/1000; 
  return(this.diffSecs); 
  } 
  var secStop=setInterval(function(){getSecs()},1000);
  function getSecs() { 
  var mySecs = initStopwatch(); 
  var mySecs1 = ""+mySecs;
  mySecs1= mySecs1.substring(0,mySecs1.indexOf(".")) + " secs."; 
  document.forms[0].elapsed_time.value = mySecs1;
  document.getElementById('Timer').innerHTML = 'Elapsed time: ' + mySecs1;
  document.getElementById("demo").innerHTML=initStopwatch;
  window.setTimeout('getSecs()',1000); 
  }
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body class="quiz-container" onLoad="window.setTimeout('getSecs()',1)"&gt;
  &lt;div class="quiz-container-inner"
          &lt;h3&gt;Accuracy Quiz&lt;/h3&gt;
          &lt;p class="overview"&gt;Compare each pair below. If the numbers, letters, and punctuation are the same, put a check in the "Same" column. If they are different, put a check in the "Different" column.&lt;/p&gt;
  
  
          &lt;div class="box-callout"&gt;
          &lt;form action="Results.html" method="post" class="products" target="_top"&gt;
              &lt;input type="hidden" name="elapsed_time" id="elapsed_time" value="0"&gt;
          &lt;!-- Table markup--&gt;
  
          &lt;div id="Timer" name="Timer"&gt;&lt;/div&gt;
  
          &lt;table id="hor-zebra" summary="Employee Pay Sheet"&gt;
  
          &lt;!-- Table header --&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th scope="col"&gt;&lt;/th&gt;
              &lt;th scope="col"&gt;Correct&lt;/th&gt;
                  &lt;th scope="col"&gt;Same&lt;/th&gt;
                  &lt;th scope="col"&gt;Different&lt;/th&gt;
                  &lt;th scope="col"&gt;&lt;/th&gt;
                  &lt;th scope="col"&gt;Copy&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;!-- Table footer --&gt;
          &lt;tfoot&gt;
              &lt;tr&gt;
              &lt;td scope="col"&gt;&lt;/td&gt;
              &lt;td scope="col"&gt;Correct&lt;/td&gt;
              &lt;td scope="col"&gt;Same&lt;/td&gt;
              &lt;td scope="col"&gt;Different&lt;/td&gt;
              &lt;td scope="col"&gt;&lt;/td&gt;
              &lt;td scope="col"&gt;Copy&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tfoot&gt;
  
  
          &lt;!-- Table body --&gt;
          &lt;tbody&gt;
              &lt;tr class="odd"&gt;
                  &lt;td&gt;&lt;span class="number"&gt;1.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times"&gt;November 16, 2005&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="1" value="s" name="Field1" id="Field1_1"&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="2" value="d" name="Field1" id="Field1_2"&gt;               
                  &lt;/td&gt;
                  &lt;td&gt;&lt;span class="number"&gt;1.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="courier"&gt;Novenber 16, 2005&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;span class="number"&gt;2.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times"&gt;CITIMORTGAGE, INC.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="1" value="s" name="Field2" id="Field2_1"&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="2" value="d" name="Field2" id="Field2_2"&gt;               
                  &lt;/td&gt;
                  &lt;td&gt;&lt;span class="number"&gt;2.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times-tight"&gt;CITIMORGAGE, INC.&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr class="odd"&gt;
                  &lt;td&gt;&lt;span class="number"&gt;3.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times"&gt;ALICIA CARILLO&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="1" value="s" name="Field3" id="Field3_1"&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="2" value="d" name="Field3" id="Field3_2"&gt;               
                  &lt;/td&gt;
                  &lt;td&gt;&lt;span class="number"&gt;3.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times"&gt;Alcia Carillo&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;span class="number"&gt;4.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times"&gt;45 Nortwesterly&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="1" value="s" name="Field4" id="Field4_1"&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="2" value="d" name="Field4" id="Field4_2"&gt;               
                  &lt;/td&gt;
                  &lt;td&gt;&lt;span class="number"&gt;4.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="arial"&gt;45 Nortwesterley&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr class="odd"&gt;
                  &lt;td&gt;&lt;span class="number"&gt;5.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times"&gt;HUSBAND AND WIFE&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="1" value="s" name="Field5" id="Field5_1"&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="2" value="d" name="Field5" id="Field5_2"&gt;               
                  &lt;/td&gt;
                  &lt;td&gt;&lt;span class="number"&gt;5.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times"&gt;HUSBAND AND WIFE&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;span class="number"&gt;6.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="times"&gt;AMERICAHOMEKEY, INC.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="1" value="s" name="Field6" id="Field6_1"&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onchange="handleInput(this);" tabindex="2" value="d" name="Field6" id="Field6_2"&gt;               
                  &lt;/td&gt;
                  &lt;td&gt;&lt;span class="number"&gt;6.&lt;/span&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="arial"&gt;AMERICAHOMKEY, INC.&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
  
          &lt;/table&gt;
  
      &lt;div class="pad"&gt;
  &lt;input type="Submit" value="Show Me the Results." class="large brown awesome"&gt;
          &lt;/div&gt;
      &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      createTimer();
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My web is in local it is not hosted to any webserver I just want to make it run locally. So that's why I can't use any server-side scripting...</p>