gpt4 book ai didi

页面渲染后 Javascript/Jquery 运行脚本

转载 作者:太空宇宙 更新时间:2023-11-04 16:02:21 24 4
gpt4 key购买 nike

我试图在用户回答问题时显示两个函数的反馈:正确[]错误[]。我添加了 jQuery ready 函数来尝试让我想要的所有内容出现在提示之前,但没有成功。我已经多次将就绪函数写入我的代码中,但没有成功。有人可以帮忙吗?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<head>
<meta charset="UTF-8">
<title>Simple Math Quiz</title>
<script>
$("document").ready(function() {
$("body").css("background-color", "green");
});
</script>
</head>
<body>
<br><br>
<p><em><strong>Feedback</strong></em></p><p><br><br>
<script>
//Question array
var question = ["1. What is 1+1?",
"2. What is 2+2?",
"3. What is 3+3?",
"4. What is 4+4?",
"5. What is 5+5?"
];
//Other Variables
var qlength = question.length;
var counter = 0;
var answer = ["2", "4", "6", "8", "10"];
//First box to tell the viewer whats going on
alert('Answer the following 5 questions to determine if you are 1st grade smart.');
//Loop that asks the questions
for (var i = 0; i < qlength; i++)
{
var userAnswer = prompt(question[i]); //Stores the answer to each question in userAnswer
//Actions for correct answer
if (userAnswer == answer[i])
{
alert('Correct');
correct(i);
var counter = counter + 1; //Adds one to the counter for correct answers
}
//Actions for wrong answer
else
{
alert('Wrong');
wrong(i);
}
}
//Functions
function correct(i)
{
document.write(i + 1, ". Correct" + "<br>");
}
function wrong(i)
{
document.write(i + 1, ". Wrong, correct answer = ", answer[i], "<br>");
}
//Calculates the results based on the counter
document.write("<br>You got " + counter + " answers out of 5 correct.");
</script>
</p>
</body>

</html>

最佳答案

加载后切勿使用 document.write。它会删除页面和脚本。相反,更新一个标签 - 这里我使用您已经使用的 jQuery 来附加答案

// These needed to be and STAY global
// Question array
var question = ["1. What is 1+1?",
"2. What is 2+2?",
"3. What is 3+3?",
"4. What is 4+4?",
"5. What is 5+5?"
];
//Other Variables
var qlength = question.length;
var counter = 0;
var answer = ["2", "4", "6", "8", "10"];


$("document").ready(function() {
$("body").css("background-color", "green");
ask();
$("#result").append("<br>You got " + counter + " answer"+(counter==1?"":"s")+" out of 5 correct.");

});


function ask() {
//First box to tell the viewer whats going on
alert('Answer the following 5 questions to determine if you are 1st grade smart.');
//Loop that asks the questions
for (var i = 0; i < qlength; i++) {
var userAnswer = prompt(question[i]); //Stores the answer to each question in userAnswer
//Actions for correct answer
if (userAnswer == answer[i]) {
alert('Correct');
correct(i);
counter++; //Adds one to the counter for correct answers
}
//Actions for wrong answer
else {
alert('Wrong');
wrong(i);
}
}
}


function correct(i) {
$("#result").append(i + 1, ". Correct" + "<br>");
}

function wrong(i) {
$("#result").append(i + 1, ". Wrong, correct answer = ", answer[i], "<br>");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><em> <strong> Feedback </strong></em>
</p>
<p id="result"></p>

关于页面渲染后 Javascript/Jquery 运行脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42179446/

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