Html 带评分和图像输出的多项选择测验

因此，我在创建一个评分系统时遇到了问题，该系统会将我的用户输入，并将他们归入假粉丝、铁杆粉丝等类别

我不得不重新提出这个问题，因为它已经关闭了。希望这篇文章更清楚

这是一个今晚到期的项目，我完全迷路了。这些是要求：

“从用户通过HTML表单元素回答的十个不同问题中获取并存储用户输入 使用选项数组将用户数据关联到潜在结果矩阵 完成问题后，向用户动态显示适当的结果图像和文本 使用媒体查询在手机、平板电脑或桌面屏幕上使用的适当格式”

这是我目前掌握的代码

半智力测验
身体{
背景色：#ffffff；
}
上校{
颜色：#fff；
浮动：左；
利润率：2%；
宽度：46%；
}
.一{
背景色：黑色；
}
.二{
背景色：黑色；
}
.三{
背景色：黑色；
}
.4{
背景色：黑色；
}
.5{
背景色：黑色；
}
.6{
背景色：黑色；
}
.7{
背景色：黑色；
}
.8{
背景色：黑色；
}
.9{
背景色：黑色；
}
.10{
背景色：黑色；
}
@媒体屏幕和屏幕（最大宽度：600px）{
上校{
浮动：无；
保证金：0；
宽度：100%；
}
h1{
颜色：红色；
文本对齐：居中；
}
你是一个多大的黛米·洛瓦托粉丝？


1.2010年黛米回击了谁？


经理

配角

父亲

舞者


2.铃声响起时黛米唱了什么歌？


心脏病发作

一起

影子

我得找到你


3.黛米是如何庆祝她的21岁生日的？


聚会

非洲之行

迪士尼乐园

在家里


4.黛米在戒毒所时，哪个名人送她鲜花？


赛琳娜

麦莉

泰勒

艾希礼


5.黛米与哪些药物滥用成瘾作斗争？


酒

可卡因

除草

所有这些


6.黛米没有与哪位艺术家合作？


阿黛尔

米格尔

艾略特小姐

约翰·梅尔


7.黛米·洛瓦托与什么疾病作斗争？


狼疮

糖尿病

两极的

没有


8.黛米喜欢看什么样的节目？


真人秀

犯罪节目

情景喜剧

游戏节目


9.2016年黛米为哪位艺术家着色？


泰勒·斯威夫特

尼基·米纳吉

赛琳娜·戈麦斯

所有这些


10.黛米没有公开与哪些名人建立友谊？


詹妮弗·洛佩兹

阿丽安娜格兰德酒店

克里斯蒂娜·阿奎莱拉

杜鹃花




//设置要在加载窗口时运行的函数
//抓住按钮并等待单击
函数init（）{
var button=document.getElementById（'quizButton'）；
button.onclick=checkquick；
}
//单击按钮时获取结果
函数checkquick（）{
//确认按钮已单击
//警报（'按钮被点击！'）；
//创建一个变量来存储用户的房子
变量一；
//以数组的形式获取输入数据
var inputs=document.getElementsByName（'one'）；
//循环所有可能的输入（单选按钮）
对于（变量i=0；iif (score <= 3) {fake();}

function fake() { image.src =           'http://24.media.tumblr.com/acf005f7efdd37f9cde57592a80055c5/tumblr_mpqppeDWMY1sqjb9eo3_500.gif';}