使用Javascript进行个性测验
我对Javascript非常陌生,我必须做一个个性测验。我需要的测试只是Javascript,没有jQuery。我需要使每个答案选项都可以点击,并且一次只显示一个问题。以及找到存储每个答案以显示结果的方法。我只是不知道从哪里开始,我一直有点麻烦。这可能看起来很愚蠢,但我真的很想得到一些帮助,看看我哪里出了问题,以及如何解决它。下面是我到目前为止对html、css和javascript所做的工作。提前谢谢 var startButton=document.getElementByIdstartButton; startButton.addEventListenerclick,startClick; 函数startClick{ var intro=document.getElementByIdintro; intro.style.display=无; startButton.style.display=无; var question1=document.getElementByIdquestion1; 问题1.style.display=块; } var answerButton=document.getElementsByTagNameli; answerButton[0]。addEventListenerclick,answerClick; console.diranswer按钮; 函数应答ClickEventObject{ var eventClick=eventObject.target; var question=document.getElementsByClassNamequestion; fori=0;i使用Javascript进行个性测验,javascript,arrays,function,loops,Javascript,Arrays,Function,Loops,我对Javascript非常陌生,我必须做一个个性测验。我需要的测试只是Javascript,没有jQuery。我需要使每个答案选项都可以点击,并且一次只显示一个问题。以及找到存储每个答案以显示结果的方法。我只是不知道从哪里开始,我一直有点麻烦。这可能看起来很愚蠢,但我真的很想得到一些帮助,看看我哪里出了问题,以及如何解决它。下面是我到目前为止对html、css和javascript所做的工作。提前谢谢 var startButton=document.getElementByIdstartB
不确定这是否是您遇到的问题,但这可能会有所帮助 一种可能的方法是把你的问题和答案放在一个物体里,就像
var quizz = [
{
question: 'what is your favourite foode?',
answers : {
'breakfast': 'value that helps you calculate',
'calzone': 'value that helps you calculate'
}
},
{
question: 'other question?',
answers : {
'answer 1': 'value that helps you calculate',
'answer 2': 'value that helps you calculate'
}
}
];
然后可能有一个对象来处理你的答案。它会有一些功能
n检查问题,并用答案的值更新结果
这应该能帮你解决问题
至于获得答案,请确保正确使用html表单元素,获取它们的值并针对您的问题进行测试。只需更改问题包装器,或从带有问题的对象(从测验数组中呈现当前+1)呈现页面,即可更改页面
请原谅格式:p。祝你好运 JavaScript中有一个错误:
for(i= 0; i < question.length; i ++)/**** ; ****/ {
question[i].style.display = "block";
}
注:不要试图重新发明轮子,使用AngularJS:好吧,对于初学者来说,HTML有,你应该先看看它们。否则,我不太明白问题是什么,试着更好地描述它。把你所有的代码都扔给我们,希望我们通读,这对你来说是不好的。对不起,我的问题,我可以看出它没有多大帮助。目前,我在单击答案后无法显示下一个问题。