title: How to show values from a .js file previously executed from a webpage to another webpage?
body: <p>This is the webpage that will execute calculations in JS there are other personalityType I just didn't include them</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="question"&gt;
        &lt;div&gt;40. It is easy for me to identify how I feel and why. &lt;/div&gt;
        &lt;div&gt; &lt;input class="radiobutton" type="radio" name="m40" value="0" personalityType="intrapersonal"&gt; Never &amp;nbsp; &lt;input class="radiobutton" type="radio" name="m40" value="1" personalityType="intrapersonal"&gt; Rarely &amp;nbsp; &lt;input
            class="radiobutton" type="radio" name="m40" value="2" personalityType="intrapersonal"&gt; Often
          &amp;nbsp; &lt;input class="radiobutton" type="radio" name="m40" value="3" personalityType="intrapersonal"&gt; Always
        &lt;/div&gt;
          &lt;div class="question"&gt;
        &lt;div&gt;35. English is/was one of my favorite subjects in school. &lt;/div&gt;
        &lt;div&gt; &lt;input class="radiobutton" type="radio" name="m35" value="0" personalityType="verbal"&gt; Never &amp;nbsp; &lt;input class="radiobutton" type="radio" name="m35" value="1" personalityType="verbal"&gt; Rarely &amp;nbsp; &lt;input class="radiobutton"
            type="radio" name="m35" value="2" personalityType="verbal"&gt;
          Often &amp;nbsp;
          &lt;input class="radiobutton" type="radio" name="m35" value="3" personalityType="verbal"&gt; Always
        &lt;/div&gt;
        &lt;div&gt;
             &lt;a class="myButton" onclick=calculateScores() href=results.html&gt;Get Results&lt;/a&gt;
        &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is the .js </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var bodilyScore = 0;
  var mathematicalScore = 0;
  var naturalistScore = 0;
  var interpersonalScore = 0;
  var visualScore = 0;
  var verbalScore = 0;
  var intrapersonalScore = 0;
  var musicalScore = 0;
  
  
  function calculateScores() {
    var button = document.getElementsByClassName("radiobutton");
    var buttonLength = button.length;
    musicalScore = 0;
    bodilyScore = 0;
    mathematicalScore = 0;
    naturalistScore = 0;
    interpersonalScore = 0;
    visualScore = 0;
    verbalScore = 0;
    intrapersonalScore = 0;
  
    for (var i = 0; i &lt; buttonLength; i++) {
      if (button[i].type === 'radio' &amp;&amp; button[i].checked) {
        var value = Number(button[i].value);
        var type = button[i].getAttribute("personalityType");
        switch (type) {
  
          case "musical":
            musicalScore += value;
            break;
  
          case "bodily":
            bodilyScore += value;
            break;
  
          case "mathematical":
            mathematicalScore += value;
            break;
  
          case "naturalist":
            naturalistScore += value;
            break;
  
          case "interpersonal":
            interpersonalScore += value;
            break;
  
          case "visual":
            visualScore += value;
            break;
  
          case "verbal":
            verbalScore += value;
            break;
  
          case "intrapersonal":
            intrapersonalScore += value;
            break;
        }
      }
    }
    showResults();
  }
  
  function showResults() {
    console.log(musicalScore);
    console.log(bodilyScore);
    console.log(mathematicalScore);
    console.log(naturalistScore);
    console.log(interpersonalScore);
    console.log(visualScore);
    console.log(verbalScore);
    console.log(intrapersonalScore);
  
    document.getElementById('musicalResult').innerText = musicalScore;
    document.getElementById('bodilyResult').innerText = bodilyScore;
    document.getElementById('naturalistResult').innerText = naturalistScore;
    document.getElementById('interpersonalResult').innerText = interpersonalScore;
    document.getElementById('visualResult').innerText = visualScore;
    document.getElementById('intrapersonalResult').innerText = intrapersonalScore;
    document.getElementById('verbalResult').innerText = verbalScore;
    document.getElementById('mathematicalResult').innerText = mathematicalScore;
  
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I wanted to get the value of the 3 highest scores among musicalScore, verbalScore, etc.). after clicking the "Get Results" button and display it on another webpage. How could I also attach a text to the Score with the highest value to be displayed also?</p>