gpt4 book ai didi

javascript - 将用户输入(问答)存储在数组中并检索答案

转载 作者:行者123 更新时间:2023-12-03 03:18:50 25 4
gpt4 key购买 nike

我是 JavaScript 初学者,在这项任务中我必须执行以下操作;

  • 允许用户在 html 页面中输入问题和答案对,该页面将存储在数组中。
  • 当询问数组中的一个问题时检索答案(不同的框、标签)
  • 按下按钮时重置框

到目前为止,我只知道如何将用户输入存储在一个数组中,在按下按钮时追加它并显示它。

如何在同一个数组中拥有两个不同的对象(问题和答案),这两个对象将由用户成对输入,并在再次输入问题时仅检索答案? 它的工作原理类似于手动机器人。

var myArr = [];

function pushData() {
// get value from the input text
var inputText = document.getElementById('inputText').value;

// append data to the array
myArr.push(inputText);

var pval = "";

for (i = 0; i < myArr.length; i++) {
pval = pval + myArr[i] + "<br/>";
}

// display array data
document.getElementById('pText').innerHTML = pval;
}
<!DOCTYPE html>

<html>

<head>
<title</title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>

<input type="text" name="text" id="inputText" />
<button onclick="pushData();">Show</button>
<p id="pText"></p>

</body>

</html>

最佳答案

为什么不使用对象呢?这样,您就可以存储问题/答案对,其中问题作为键,答案作为其值。试试这个:

var myObj = {};

function pushData() {
// get value from the input text
var question = document.getElementById('inputQuestion').value;
var answer = document.getElementById('inputAnswer').value;

// add data to the object
myObj[question] = answer;
}

function getAnswer() {
var question = document.getElementById('inputRetrieveQuestion').value;

if (myObj[question]) {
document.getElementById('pText').innerHTML = myObj[question];
}
}
<html>

<body>
<h3> Enter a Question/Answer </h3>
Question <input type="text" name="question" id="inputQuestion" /> Answer <input type="text" name="answer" id="inputAnswer" />
<button onclick="pushData()">Submit</button>
</br>

<h3> Retrieve an Answer </h3>
Question <input type="text" name="question" id="inputRetrieveQuestion" />
<button onclick="getAnswer()">Submit</button>
</br>

Answer:
<div id="pText"></div>
</body>

</html>

关于javascript - 将用户输入(问答)存储在数组中并检索答案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46658258/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com