添加上用户的输入框和问题的输出框
时间: 2024-05-11 22:13:59 浏览: 42
很好的主意!你可以使用HTML和JavaScript来创建这样的输入框和输出框。
首先,在HTML中添加一个文本输入框和一个按钮,以便用户可以输入问题并提交它们。例如:
```html
<input type="text" id="question-input">
<button onclick="submitQuestion()">Ask</button>
```
其中,`question-input`是输入框的ID,`submitQuestion()`是一个JavaScript函数,用于提交问题。
接下来,在HTML中添加一个输出框,以便问题的答案可以在其中显示。例如:
```html
<div id="answer-output"></div>
```
其中,`answer-output`是输出框的ID。
最后,在JavaScript中定义`submitQuestion()`函数,以便它可以获取用户输入的问题,调用API来获取答案,并将答案显示在输出框中。例如:
```javascript
function submitQuestion() {
// Get user input
var question = document.getElementById("question-input").value;
// Call API to get answer
// ...
// Display answer in output box
var answerOutput = document.getElementById("answer-output");
answerOutput.innerHTML = "The answer to your question is: ...";
}
```
在这个函数中,你需要调用API来获取问题的答案,并将它们显示在输出框中。你可以使用AJAX来调用API。