javascript - 如何显示先前从一个网页执行到另一个网页的 .js 文件的值？

Question

这是将在 JS 中执行计算的网页还有其他 personalityType 我只是没有包括它们

<div class="question">
      <div>40. It is easy for me to identify how I feel and why. </div>
      <div> <input class="radiobutton" type="radio" name="m40" value="0" personalityType="intrapersonal"> Never &nbsp; <input class="radiobutton" type="radio" name="m40" value="1" personalityType="intrapersonal"> Rarely &nbsp; <input
          class="radiobutton" type="radio" name="m40" value="2" personalityType="intrapersonal"> Often
        &nbsp; <input class="radiobutton" type="radio" name="m40" value="3" personalityType="intrapersonal"> Always
      </div>
        <div class="question">
      <div>35. English is/was one of my favorite subjects in school. </div>
      <div> <input class="radiobutton" type="radio" name="m35" value="0" personalityType="verbal"> Never &nbsp; <input class="radiobutton" type="radio" name="m35" value="1" personalityType="verbal"> Rarely &nbsp; <input class="radiobutton"
          type="radio" name="m35" value="2" personalityType="verbal">
        Often &nbsp;
        <input class="radiobutton" type="radio" name="m35" value="3" personalityType="verbal"> Always
      </div>
      <div>
           <a class="myButton" onclick=calculateScores() href=results.html>Get Results</a>
      </div>

这是.js

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 < buttonLength; i++) {
    if (button[i].type === 'radio' && 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;

}

我想获得 musicalScore、verbalScore 等中 3 个最高分数的值)。单击“获取结果”按钮并将其显示在另一个网页上后。我怎样才能将文本附加到具有最高值的分数，以便同时显示？

Answer 1

如果您想将结果传递给另一个页面，您可以将它们存储在 LocalStorage 中。

highestResults = {mathematicalScore: 4, naturalistScore: 6, verbalScore: 5};
localStorage.setItem('calculationResults', highestResults);

在结果页面上。

localStorage.getItem('calculationResults');

---

如果要将文本添加到最高结果:

document.getElementById('mathematicalResult').innerText = mathematicalScore + ' - highest result';