javascript - 在使用 HTML、CSS、Javascript 的三 Angular 测验网站上工作，我想在测验中显示 % 正确但没有显示

Question

我有一个 JS 方法 calculateScore() ，它在用户提交答案时调用，因此每次提交答案时，都会重新计算得分百分比。但是它保持在 0%。我在 HTML 中将段落标记设置为 0% 来显示它，然后 JS 使用 getElementById 和 innerHTML 来设置 <p>等于正确的 % 但是没有任何更新。如果我尝试调用该方法，我会收到 Uncaught TypeError: Cannot set property 'innerHTML' of null。如果我设置包含 <p> 的 div有一个调用方法的 onload 没有更新信息。这是否意味着我必须移动 <p>在提交按钮上方，以便在调用时它不为空？抱歉，如果格式不好，我是新来的。

Answer 1

您在 html id 中使用破折号“-”，在 JavaScript 中使用短破折号“_”，因此无法获得正确的元素:

<li id="percentage-correct">Percentage: 0%</li>

---

document.getElementById("percentage_correct").innerHTML = "Percentage: " + Math.floor((numCorrect / numIncorrect) * 100) + "%";

此外，如果您想计算成功百分比，我认为您的计算不正确:我将用 numQuestions 替换 numIncorrect