将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创建一个摁钮,利用js实现点击摁钮谈话框弹出total
时间: 2024-03-20 19:43:25 浏览: 52
好的,我理解了你的问题。以下是代码实现:
首先,将得分 `total` 存储到 `localStorage` 中:
```javascript
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);
}
}
localStorage.setItem('score', total); // 存储得分到localStorage
}
```
接着,在 `html1` 中创建一个按钮:
```html
<button id="show-score-btn">查看得分</button>
```
然后,在 JavaScript 中为按钮添加点击事件,弹出得分对话框:
```javascript
var showScoreBtn = document.getElementById('show-score-btn');
showScoreBtn.addEventListener('click', function() {
var score = localStorage.getItem('score');
alert('你的得分是:' + score);
});
```
这样,当用户点击 `查看得分` 按钮时,就会弹出一个对话框,显示用户的得分。
相关问题
将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显示出来
好的,我来解答您的问题。
首先,我们需要将得分 `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` 中获取之前存储的得分数组,并将每次获取的得分动态生成表格行,显示在页面上。
希望我的回答能够帮助到您!
在html运行的 JS 将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的一个数组,并且html点击一个查询按钮将从localStorage中获取数组并将每个total得分添加到html的得分的文本框中,把每次total得分的序号显示第几次文本框,html点击一个查询将的html和js代码,用简体中文
以下是实现的 HTML 代码:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>得分查询</title>
</head>
<body>
<h1>得分查询</h1>
<button onclick="showScores()">查询</button>
<div id="scores"></div>
<script>
// 设置存储的键名为 "scores"
const scoresKey = "scores";
// 定义 handIn 函数
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);
}
}
// 从 localStorage 中获取之前的得分数组,如果不存在则创建一个空数组
var scores = JSON.parse(localStorage.getItem(scoresKey)) || [];
// 将新的得分加入数组
scores.push(total);
// 将数组存储回 localStorage 中
localStorage.setItem(scoresKey, JSON.stringify(scores));
alert('你的得分是:' + total);
}
// 定义显示得分函数
function showScores() {
// 从 localStorage 中获取之前的得分数组,如果不存在则创建一个空数组
var scores = JSON.parse(localStorage.getItem(scoresKey)) || [];
// 获取得分显示区域的元素
var scoresDiv = document.getElementById("scores");
// 清空得分显示区域的内容
scoresDiv.innerHTML = "";
// 遍历得分数组,将每次得分添加到得分显示区域中
for (var i = 0; i < scores.length; i++) {
var scoreSpan = document.createElement("span");
scoreSpan.innerText = "第 " + (i+1) + " 次得分为:" + scores[i] + " 分。";
scoresDiv.appendChild(scoreSpan);
}
}
</script>
</body>
</html>
```
其中,`handIn` 函数会在用户提交答案时调用,将得分加入一个存储在 `localStorage` 中的数组中。`showScores` 函数会在用户点击查询按钮时调用,从 `localStorage` 中获取之前的得分数组,并将每次得分添加到 HTML 页面中显示。需要注意的是,由于 `localStorage` 中只能存储字符串类型的数据,所以在存储和读取数组时需要使用 `JSON.stringify` 和 `JSON.parse` 进行转换。
阅读全文