Uncaught TypeError: Cannot read property #39;quest#39; of undefined(未捕获的类型错误:无法读取未定义的属性“任务)
问题描述
我知道这个问题之前可能已经被问过,但我相信这个很棒的社区可以原谅我:)我正在开发(测验时间)应用程序,但有一个正在杀死我的错误:(当我每次运行此应用程序并按下锁定按钮时,它会按需要运行,但在随机点击次数(可能是 4 或 2 次)后它会停止并给我这个错误:
I know that this question may have been asked before but I believe that this awesome community can forgive me for this :) I am developing (Quiz time) app but there's a bug that's is killing me :( When I run this application every and press the lock button it acts as wanted but after a random number of clicks (may be 4 or 2) It stops and gives me this error :
Uncaught TypeError: Cannot read property 'quest' of undefined
at QuestionReset
这是代码
$(document).ready(function () {
var overwallScore = 0;
//prototype
function Question(quest, option1, option2, option3, correct) {
this.quest = quest;
this.option1 = option1;
this.option2 = option2;
this.option3 = option3;
this.correct = correct;
}
//creating questions
var question1 = new Question("1 + 1", 2, 3, 3, 1);
var question2 = new Question("2 + 2", 4, 3, 3, 2);
var question3 = new Question("3 + 3", 6, 3, 3, 3);
var question4 = new Question("4 + 4", 8, 3, 3, 1);
var question5 = new Question("5 + 5", 10, 3, 3, 2);
var question6 = new Question("6 + 6", 12, 3, 3, 3);
//the questions array
var questions = [];
//pushing questions to array
questions.push(question1);
questions.push(question2);
questions.push(question3);
questions.push(question4);
questions.push(question5);
questions.push(question6);
var randomQuestionIndex = Math.floor(Math.random() * 6 + 1);
function QuestionPre() {
randomQuestionIndex = Math.floor(Math.random() * 6 + 1);
document.querySelector("#question").innerHTML = questions[randomQuestionIndex].quest;
document.querySelector(".option-1").innerHTML = questions[randomQuestionIndex].option1;
document.querySelector(".option-2").innerHTML = questions[randomQuestionIndex].option2;
document.querySelector(".option-3").innerHTML = questions[randomQuestionIndex].option3;
}
QuestionPre();
function QuestionReset() {
randomQuestionIndex = Math.floor(Math.random() * 6 + 1);
document.querySelector("#question").innerHTML = questions[randomQuestionIndex].quest;
document.querySelector(".option-1").innerHTML = questions[randomQuestionIndex].option1;
document.querySelector(".option-2").innerHTML = questions[randomQuestionIndex].option2;
document.querySelector(".option-3").innerHTML = questions[randomQuestionIndex].option3;
}
document.querySelector(".lock-btn").addEventListener("click", function () {
if (document.querySelector(".option-" + questions[randomQuestionIndex].correct + "-check").checked === true) {
alert("Correct, such a Genius !");
overwallScore = overwallScore + 1;
QuestionReset();
} else {
alert("Wrong mate, such a bad luck !");
randomQuestionIndex = Math.floor(Math.random() * 6 + 1);
QuestionReset();
}
}); });
提前致谢.
推荐答案
问题出在线路
var randomQuestionIndex = Math.floor(Math.random() * 6 + 1);
var randomQuestionIndex = Math.floor(Math.random() * 6 + 1);
randomQuestionIndex
的值可能超出范围.只需删除 +1
部分,它应该可以工作.
The value of randomQuestionIndex
might go out of range. Just remove the +1
part and it should work.
这篇关于未捕获的类型错误:无法读取未定义的属性“任务"的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:未捕获的类型错误:无法读取未定义的属性“任务"
基础教程推荐
- Chart.js 在线性图表上拖动点 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01