将function handIn() { var total = 0; //遍历答题卡和答案 for (var i = 0; i < answers.length; i++) { if (answers[i].toLowerCase() === keys[i]) { total = total + Number(p[i].score); } }} alert('你的得分是:' + total);的total储存到localStorage的一个数组,并在html1创建一个表格将每次获取的total显示出来
时间: 2024-03-20 16:43:57 浏览: 68
Erev2 Question Answers-crx插件
好的,我来解答您的问题。
首先,我们需要将得分 `total` 存储到 `localStorage` 的一个数组中。可以在 `handIn` 函数的最后添加如下代码:
```javascript
// 获取之前存储的得分数组
var scores = JSON.parse(localStorage.getItem('scores')) || [];
// 将本次得分添加到数组末尾
scores.push(total);
// 将得分数组存储到 localStorage 中
localStorage.setItem('scores', JSON.stringify(scores));
```
这样,每次调用 `handIn` 函数时,都会将得分添加到存储在 `localStorage` 中的得分数组中。
接下来,我们需要在 `html1` 中创建一个表格,并将每次获取的得分显示出来。可以在 `html1` 中添加如下代码:
```html
<table>
<thead>
<tr>
<th>序号</th>
<th>得分</th>
</tr>
</thead>
<tbody id="scoreList">
</tbody>
</table>
```
这样就创建了一个包含序号和得分两列的表格。其中,序号是自动编号的,得分需要通过 JavaScript 代码动态生成。
接着,在 `html1` 的 JavaScript 中添加如下代码:
```javascript
// 获取得分数组
var scores = JSON.parse(localStorage.getItem('scores')) || [];
// 获取显示得分的表格
var scoreList = document.getElementById('scoreList');
// 遍历得分数组,动态生成表格行
for (var i = 0; i < scores.length; i++) {
var tr = document.createElement('tr');
var td1 = document.createElement('td');
var td2 = document.createElement('td');
td1.textContent = i + 1;
td2.textContent = scores[i];
tr.appendChild(td1);
tr.appendChild(td2);
scoreList.appendChild(tr);
}
```
这样,每次打开 `html1` 页面时,都会从 `localStorage` 中获取之前存储的得分数组,并将每次获取的得分动态生成表格行,显示在页面上。
希望我的回答能够帮助到您!
阅读全文