Mit JavaScript ein Web-Q&A-System entwickeln

Mit der rasanten Entwicklung des Internets steigt auch der Informationsbedarf der Menschen. In unserem täglichen Leben stoßen wir oft auf verschiedene Probleme und manchmal ist es nicht einfach, Antworten darauf zu finden. Um dieses Problem zu lösen, können wir mithilfe von JavaScript ein Frage- und Antwortsystem für Webseiten entwickeln, um Benutzern eine bequeme Möglichkeit zu bieten, Antworten zu erhalten.

Im Folgenden zeigen wir anhand einiger Codebeispiele, wie Sie mit JavaScript ein einfaches Web-Frage- und Antwortsystem entwickeln. Zunächst benötigen wir eine HTML-Seite, um die Schnittstelle des Frage- und Antwortsystems zu hosten. Auf der Seite können wir ein Eingabefeld und eine Schaltfläche einrichten, über die Benutzer Fragen eingeben und Abfragevorgänge auslösen können. Der Code lautet wie folgt:

    
  
网页问答系统
  提问 
   

Als nächstes müssen wir JavaScript-Code schreiben, um die Eingaben des Benutzers zu verarbeiten und die entsprechende Antwort zurückzugeben. In diesem Beispiel können wir zur Demonstration eine einfache Frage- und Antwortbibliothek verwenden. Der Code lautet wie folgt:

function handleQuestion() { // 获取用户输入的问题 var question = document.getElementById("questionInput").value; // 查询答案 var answer = getAnswer(question); // 将答案显示在页面上 var answerDiv = document.getElementById("answerDiv"); answerDiv.innerHTML = answer; } function getAnswer(question) { // 简单的问题和答案库 var questionAnswerPairs = { "什么是JavaScript": "JavaScript是一种脚本语言，用于给网页添加交互功能。", "JavaScript可以做什么": "JavaScript可以用于验证用户输入、修改网页内容、与服务器进行通信等。", "如何学习JavaScript": "可以通过阅读教程、参加培训班、编写小项目等多种方式学习JavaScript。" }; // 查询答案 var answer = questionAnswerPairs[question]; // 返回答案 if (answer) { return answer; } else { return "抱歉，暂时无法回答您的问题。"; } }

Im obigen Code definieren wir zunächst einehandleQuestion-Funktion, die aufgerufen wird, wenn der Benutzer auf die Schaltfläche „Frage“ klickt. In dieser Funktion erhalten wir zunächst die vom Benutzer eingegebene Frage, rufen dann die FunktiongetAnswerauf, um die Antwort abzufragen, und zeigen die Antwort schließlich auf der Seite an. Die FunktionhandleQuestion函数，该函数会在用户点击“提问”按钮时被调用。在这个函数中，我们首先获取用户输入的问题，然后调用getAnswer函数来查询答案，最后将答案显示在页面上。

getAnswer

Das obige ist der detaillierte Inhalt vonVerwendung von JavaScript zur Entwicklung eines Frage- und Antwortsystems für Webseiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!