如何让Javascript问卷以不同的答案显示不同的链接
我如何使问题1、2、3和4选择了蓝色、红色、绿色和黑色,则显示指向第1页的链接;如果选择了橙色、粉色、红色和蓝色,则显示指向第2页的链接,依此类推。我更喜欢使用HTML和Javascript。我需要帮助。我试图实现的一个例子是:如何让Javascript问卷以不同的答案显示不同的链接,javascript,html,Javascript,Html,我如何使问题1、2、3和4选择了蓝色、红色、绿色和黑色,则显示指向第1页的链接;如果选择了橙色、粉色、红色和蓝色,则显示指向第2页的链接,依此类推。我更喜欢使用HTML和Javascript。我需要帮助。我试图实现的一个例子是: 网页设计测验 1.CSS代表什么? 多彩风格 象征 层叠式 床单 电脑风格 象征 2.DHTML代表什么? 戏剧性的HTML 设计HTML 动态HTML 3.谁创建了Javascript? 微软 网景 太阳微系统 4.CGI代表什么? 级联门 相互作用
网页设计测验
1.CSS代表什么?
- 多彩风格
象征
- 层叠式
床单
- 电脑风格
象征
2.DHTML代表什么?
- 戏剧性的HTML
- 设计HTML
- 动态HTML
3.谁创建了Javascript?
- 微软
- 网景
- 太阳微系统
4.CGI代表什么?
- 级联门
相互作用
- 通用GIF
接口
- 公共网关
接口
分数=
正确答案:
`
这是一个家庭作业问题吗?@BenjaminCox No.这是我的网站,但我在互联网上找不到任何代码显示它是如何完成的。你可以使用if
语句检查提交表单上的答案。对于链接,可以将它们包含在HTML中,并使用JavaScript隐藏/显示。你试过用JavaScript来做这件事吗?@ChrisRockwell不,我还没试过。我对if语句不是很熟悉。我看过,但看起来相当难。你能帮我个忙吗。你似乎是唯一一个愿意的人。如果你没有什么东西来证明你已经尝试过了,那就很难得到帮助。查看帮助,了解如何使用自己的工作示例。您还可以使用jsfiddle.net进行游戏。基本思想是:if(answer1=='red'&&answer2=='blue'){//然后执行此操作}
您必须首先尝试自己,然后我们可以帮助您克服代码中的任何问题。
<html>
<head>
<style type="text/css">
<!--
.bgclr {background-color: white; color: black; font-weight: bold;}
-->
</style>
<script language="JavaScript">
<!-- Begin
// Insert number of questions
var numQues = 4;
// Insert number of choices in each question
var numChoi = 3;
// Insert number of questions displayed in answer area
var answers = new Array(4);
// Insert answers to questions
answers[0] = "Cascading Style Sheets";
answers[1] = "Dynamic HTML";
answers[2] = "Netscape";
answers[3] = "Common Gateway Interface";
// Do not change anything below here ...
function getScore(form) {
var score = 0;
var currElt;
var currSelection;
for (i=0; i<numQues; i++) {
currElt = i*numChoi;
for (j=0; j<numChoi; j++) {
currSelection = form.elements[currElt + j];
if (currSelection.checked) {
if (currSelection.value == answers[i]) {
score++;
break;
}
}
}
}
score = Math.round(score/numQues*100);
form.percentage.value = score + "%";
var correctAnswers = "";
for (i=1; i<=numQues; i++) {
correctAnswers += i + ". " + answers[i-1] + "\r\n";
}
form.solutions.value = correctAnswers;
}
// End -->
</script>
</head>
<body>
<h3>Web Design Quiz</h3>
<form name="quiz">
1. What does CSS stand for?
<ul style="margin-top: 1pt">
<li><input type="radio" name="q1" value="Colorful Style Symbols"/>Colorful Style
Symbols</li>
<li><input type="radio" name="q1" value="Cascading Style Sheets"/>Cascading Style
Sheets</li>
<li><input type="radio" name="q1" value="Computer Style Symbols"/>Computer Style
Symbols</li>
</ul>
2. What does DHTML stand for?
<ul style="margin-top: 1pt">
<li><input type="radio" name="q2" value="Dramatic HTML"/>Dramatic HTML</li>
<li><input type="radio" name="q2" value="Design HTML"/>Design HTML</li>
<li><input type="radio" name="q2" value="Dynamic HTML"/>Dynamic HTML</li>
</ul>
3. Who created Javascript?
<ul style="margin-top: 1pt">
<li><input type="radio" name="q3" value="Microsoft"/>Microsoft</li>
<li><input type="radio" name="q3" value="Netscape"/>Netscape</li>
<li><input type="radio" name="q3" value="Sun Micro Systems"/>Sun Micro Systems</li>
</ul>
4. What does CGI stand for?
<ul style="margin-top: 1pt">
<li><input type="radio" name="q4" value="Cascading Gate Interaction"/>Cascading Gate
Interaction</li>
<li><input type="radio" name="q4" value="Common GIF Interface"/>Common GIF
Interface</li>
<li><input type="radio" name="q4" value="Common Gateway Interface"/>Common Gateway
Interface</li>
</ul>
<input type="button" value="Get score" onClick="getScore(this.form)"/>
<input type="reset" value="Clear answers"/>
<p> Score = <strong><input class="bgclr" type="text" size="5" name="percentage"
disabled="disabled"/></strong><br/><br/>
Correct answers:<br/>
<textarea class="bgclr" name="solutions" wrap="virtual" rows="4" cols="30"
disabled="disabled">
</textarea>
</p></form>
</body>
</html>`