Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript进行个性测验_Javascript_Arrays_Function_Loops - Fatal编程技术网

使用Javascript进行个性测验

使用Javascript进行个性测验,javascript,arrays,function,loops,Javascript,Arrays,Function,Loops,我对Javascript非常陌生,我必须做一个个性测验。我需要的测试只是Javascript,没有jQuery。我需要使每个答案选项都可以点击,并且一次只显示一个问题。以及找到存储每个答案以显示结果的方法。我只是不知道从哪里开始,我一直有点麻烦。这可能看起来很愚蠢,但我真的很想得到一些帮助,看看我哪里出了问题,以及如何解决它。下面是我到目前为止对html、css和javascript所做的工作。提前谢谢 var startButton=document.getElementByIdstartB

我对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 早餐食品 华夫饼干 钙地带 纯素超级食品 你业余时间喜欢做什么

独居木制品 工作 制作停止动作“电影” 跑 在自娱日你会做什么

买一套蝙蝠侠套装,做一名蝙蝠侠 我一个人去我的湖边小屋 请吃华夫饼干和朋友 跑或者去练瑜伽 周五晚上你可能会做什么

烹饪纯素汉堡包 独自一人,也许喝点苏格兰威士忌 仍然在工作或者和我的好朋友在一起 看《权力的游戏》 你觉得什么有趣

会计双关语 政府 我自己 你可以嘲笑任何事! 你得到了莱斯利·诺普

你有罗恩·斯旺森

你抓到本·怀亚特了

你有奇尔斯·特拉格


不确定这是否是您遇到的问题,但这可能会有所帮助

一种可能的方法是把你的问题和答案放在一个物体里,就像

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有,你应该先看看它们。否则,我不太明白问题是什么,试着更好地描述它。把你所有的代码都扔给我们,希望我们通读,这对你来说是不好的。对不起,我的问题,我可以看出它没有多大帮助。目前,我在单击答案后无法显示下一个问题。