HTML表单javascript，用于关联问题、答案和反馈

HTML表单结合JavaScript可以创建一个交互式的问答系统，允许用户提交问题、查看答案并提供反馈。下面是一个基础的示例，展示了如何使用HTML和JavaScript来实现这一功能。

基础概念

HTML表单：用于收集用户输入的数据。
JavaScript：一种脚本语言，用于创建动态和交互式的网页。
DOM操作：JavaScript可以修改HTML文档的内容、结构和样式。

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>问答系统</title>
<script>
function submitQuestion() {
    var question = document.getElementById('question').value;
    var answer = document.getElementById('answer').value;
    var feedback = document.getElementById('feedback').value;

    // 这里可以添加代码将问题和答案发送到服务器
    console.log("问题: " + question);
    console.log("答案: " + answer);
    console.log("反馈: " + feedback);

    // 清空表单
    document.getElementById('question').value = '';
    document.getElementById('answer').value = '';
    document.getElementById('feedback').value = '';
}

function displayAnswer() {
    var question = document.getElementById('question').value;
    // 这里可以添加代码从服务器获取答案
    var answer = "这是问题的答案。"; // 假设这是从服务器获取的答案
    document.getElementById('answerDisplay').innerText = answer;
}
</script>
</head>
<body>

<h2>提交问题</h2>
<form onsubmit="event.preventDefault(); submitQuestion();">
    <label for="question">问题:</label><br>
    <input type="text" id="question" name="question" required><br>
    <button type="submit">提交问题</button>
</form>

<h2>查看答案</h2>
<button onclick="displayAnswer();">显示答案</button>
<p id="answerDisplay"></p>

<h2>提供反馈</h2>
<label for="feedback">反馈:</label><br>
<textarea id="feedback" name="feedback"></textarea><br>
<button onclick="submitFeedback();">提交反馈</button>

<script>
function submitFeedback() {
    var feedback = document.getElementById('feedback').value;
    // 这里可以添加代码将反馈发送到服务器
    console.log("反馈: " + feedback);
    document.getElementById('feedback').value = '';
}
</script>

</body>
</html>