我必須為學(xué)校項(xiàng)目創(chuàng)建一個(gè)數(shù)學(xué)測(cè)驗(yàn)。我已經(jīng)創(chuàng)建了問題和答案。我只是不知道如何讓他們一次顯示一個(gè)問題。當(dāng)你回答問題時(shí)，我必須一一展示。我還需要使用不同類型的問題，例如多項(xiàng)選擇、帶有敘述反應(yīng)的問題、帶有圖像選擇的問題、填空等。所以我需要幫助，一次顯示一個(gè)問題，顯示記分牌，在下一個(gè)問題出現(xiàn)之前向用戶顯示他們的問題是對(duì)還是錯(cuò)，如果他們至少得到 80% 或沒有得到通過或失敗的消息，并為用戶提供最后重新參加測(cè)驗(yàn)的選項(xiàng)。這是我的 HTML<!DOCTYPE html><html><head><title>Math Quiz!</title><link href ="quizCSS.css" rel ="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"><script src = "MathQuiz.js" defer></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script></head><body><h1>Take the Quiz!</h1><form id = "quiz" name = "quiz"><div id="q1"><p class = "questions">1) What is 2 + 2?</p><input id = "textbox" type = "text" name = "question1"><input type="button" onclick="myAnswer1()" value="Submit Answer"><script>var question1 = document.quiz.question1.value;function myAnswer1() {if(question1 == 4){document.write("You are correct!");}else{document.write("Wrong Answer!");}}</script></div><input type="button" onclick="myFunction1()" value="Start Question 1"><script>function myFunction1() { document.getElementById("q1").style.display = "block";}</script><div id="q2"><p class = "questions">2) What is 3 to the power of 2?</p><input type = "radio" id = "mc" name = "question2" value = "9"> 9<br><input type = "radio" id = "mc" name = "question2" value = "6"> 6<br><input type = "radio" id = "mc" name = "question2" value = "3"> 3<br></div><input type="button" onclick="myFunction2()" value="Start Question 2"><script>function myFunction2() { document.getElementById("q2").style.display = "block"; document.getElementById("q1").style.display = "none";}</script><div id="q3"><p class = "questions">3) What is the square root of 25?</p><input type = "radio" id = "mc" name = "question3" value = "5"> 5<br><input type = "radio" id = "mc" name = "question3" value = "525"> 525<br></div>
如何使用 Javascript 創(chuàng)建數(shù)學(xué)測(cè)驗(yàn)
BIG陽
2021-11-18 20:26:10
