javascript - 测验网页java脚本错误的答案值增量
问题描述
我这里有四个问题作为测验，正确回答问题 1) 1 , 2) 11, 3) 2root2, 4) 1/root3
当我给出正确答案时，即使我所有四个选项都正确，输出结果也只显示 2。我对问题 2 和问题 3 有疑问。我想问题出在 JS 上。
https://jsfiddle.net/harrybabu93/s5a7qvdr/5/
function check() {
var c = 0;
var q1 = document.quiz.question1.value;
var q2 = document.quiz.question2.value;
var q3 = document.quiz.question3.value;
var q4 = document.quiz.question4.value;
var q5 = document.quiz.question5.value;
var q6 = document.quiz.question6.value;
var q7 = document.quiz.question7.value;
var q8 = document.quiz.question8.value;
var q9 = document.quiz.question9.value;
var q10 = document.quiz.question10.value;
var q11 = document.quiz.question11.value;
var q12 = document.quiz.question12.value;
var q13 = document.quiz.question13.value;
var q14 = document.quiz.question14.value;
var q15 = document.quiz.question15.value;
if (q1 == "1") {
c++
}
if (q2 == "11") {
c++
}
if (q3 == "code1") {
c++
}
if (q4 == "code2") {
c++
}
window.alert(c);
}* {
margin: 0;
padding: 0;
}
body {
font-family: sans-serif;
font-size: 15px;
height: 100%;
width: 100%;
background-color: antiquewhite;
}
strong{
line-height: 25px;
}
.mark {
float: right
}
form[name=quiz] {
margin-left: 5%;
margin-right: 5%;
}
ol {
padding: 0px;
list-style-position: inside;
}
ol li {
background-color: #fff;
border-radius: 15px;
margin: 10px;
padding: 30px;
box-shadow: 0px 1.5px 2px 0px rgb(91, 91, 91);
}
li table {
width: 100%;
}
li table td {
vertical-align: top;
padding-top: 20px;
}
li table td:first-child {
width: 70%;
}
td p {
padding-bottom: 20px;
}
td button {
width: 100%;
padding: 10px;
margin-bottom: 5px;
border-radius: 10px;
background-color: darkgreen;
color: #fff;
}
a:link,
a:visited {
background-color: #f44336;
width: 80px;
color: white;
border-radius: 10px;
padding: 10px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover,
a:active {
background-color: red;
}
td a {
margin: 5px;
}
h1 {
padding: 16px;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Quiz Frame Work</title>
<link rel="stylesheet" type="text/css" href="CSS/Try%201.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
<script type="text/javascript" src="JS/Try%201.js"></script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>
<body>
<form name="quiz" id="quiz">
<h1>Title</h1>
<ol>
<!-- Question1 -->
<li>
<strong>The value of \(\frac{1}{{{{\log }_4}120}} + \frac{1}{{{{\log }_5}120}} + \frac{1}{{{{\log }_6}120}}\) is</strong>
<i class="mark">Mark:1</i><br><br>
<table>
<tr>
<td>
<p>
<input type="radio" name="question1" id="question1" value="0">
<label for="question1">0</label>
</p>
<p>
<input type="radio" name="question1" id="question2" value="1">
<label for="question2">1</label>
</p>
<p>
<input type="radio" name="question1" id="question3" value="24">
<label for="question3">24</label>
</p>
<p>
<input type="radio" name="question1" id="question4" value="120">
<label for="question4">120</label>
</p>
</td>
<td>
<a href="https://youtu.be/8E6yC6zgGVY" target="_blank">English <i class="fa fa-play-circle" aria-hidden="true"> </i></a>
<a href="https://youtu.be/7-sE2-ZIz44" target="_blank">Tamil <i class="fa fa-play-circle" aria-hidden="true"> </i></a>
<a href="https://youtu.be/7-sE2-ZIz44" target="_blank">Notes <i class="fa fa-book" aria-hidden="true"> </i></a>
</td>
</tr>
</table>
</li>
<!-- Question2 -->
<li>
<strong>For a 3x3 matrix A, |A| = 4 and adj A = \(\left( {\begin{array}{*{20}{c}}1&p&3\\1&3&3\\2&4&4\end{array}} \right)\), then the value of p is</strong>
<i class="mark">Mark:1</i><br><br>
<table>
<tr>
<td>
<p>
<input type="radio" name="question2" id="question1" value="0">
<label for="question1">4</label>
</p>
<p>
<input type="radio" name="question2" id="question2" value="1">
<label for="question2">11</label>
</p>
<p>
<input type="radio" name="question2" id="question3" value="24">
<label for="question3">5</label>
</p>
<p>
<input type="radio" name="question2" id="question4" value="120">
<label for="question4">0</label>
</p>
</td>
<td>
<a href="https://youtu.be/u5qbsXyyOic" target="_blank">English <i class="fa fa-play-circle" aria-hidden="true"> </i></a>
<a href="https://youtu.be/7-sE2-ZIz44" target="_blank">Tamil <i class="fa fa-play-circle" aria-hidden="true"> </i></a>
<a href="https://youtu.be/7-sE2-ZIz44" target="_blank">Notes <i class="fa fa-book" aria-hidden="true"> </i></a>
</td>
</tr>
</table>
</li>
<!-- Question3 -->
<li>
<strong>A plane P which is perpendicular to two planes 2x-2y+z = 0 & x-y+2z = 4, passes through (1,-2,1) . The distance of the plane P from the point Q (1,2,2) is</strong>
<i class="mark">Mark:1</i><br><br>
<table>
<tr>
<td>
<p>
<input type="radio" name="question3" id="question1" value="0">
<label for="question1">0</label>
</p>
<p>
<input type="radio" name="question3" id="question2" value="1">
<label for="question2">1</label>
</p>
<p>
<input type="radio" name="question3" id="question3" value="24">
<label for="question3">\(\sqrt 2 \)</label>
</p>
<p>
<input type="radio" name="question3" id="question4" value="code1">
<label for="question4">\(2\sqrt 2 \)</label>
</p>
</td>
<td>
<a href="https://youtu.be/o8LAvq6xxvc" target="_blank">English <i class="fa fa-play-circle" aria-hidden="true"> </i></a>
<a href="https://youtu.be/7-sE2-ZIz44" target="_blank">Tamil <i class="fa fa-play-circle" aria-hidden="true"> </i></a>
<a href="https://youtu.be/7-sE2-ZIz44" target="_blank">Notes <i class="fa fa-book" aria-hidden="true"> </i></a>
</td>
</tr>
</table>
</li>
<!-- Question4 -->
<li>
<strong>The area enclosed between the curves x = \(a{y^2}\)and y = \(a{x^2}\), a > 0 is 1sq. unit, then the value of ‘a’ is</strong>
<i class="mark">Mark:1</i><br><br>
<table>
<tr>
<td>
<p>
<input type="radio" name="question4" id="question1" value="code1">
<label for="question1">\(\frac{1}{{\sqrt 3 }}\)</label>
</p>
<p>
<input type="radio" name="question4" id="question2" value="\(\frac{1}{3}\) ">
<label for="question2">\(\frac{1}{3}\) </label>
</p>
<p>
<input type="radio" name="question4" id="question3" value="\(\sqrt 3 \) ">
<label for="question3">\(\sqrt 3 \) </label>
</p>
<p>
<input type="radio" name="question4" id="question4" value="3">
<label for="question4">3</label>
</p>
</td>
<td>
<a href="https://youtu.be/1sTZT2d0bq0" target="_blank">English <i class="fa fa-play-circle" aria-hidden="true"> </i></a>
<a href="https://youtu.be/7-sE2-ZIz44" target="_blank">Tamil <i class="fa fa-play-circle" aria-hidden="true"> </i></a>
<a href="https://youtu.be/7-sE2-ZIz44" target="_blank">Notes <i class="fa fa-book" aria-hidden="true"> </i></a>
</td>
</tr>
</table>
</li>
</ol>
<input type="button" name="submit" value="Show my score" onclick="check()">
</form>
<input type="button" name="submit" value="Show my score" onclick="check()">
</body>
</html>解决方案
您的脚本正在检查测验中的错误值：
if (q3 == "o4") {
c++
}
if (q4 == "c2") {
c++
}
o4并且c2不是您测验中的选项，因此不计算正确答案。相反，您需要检查这些问题中的正确选项。例如，如果 q3 有正确答案 \sqrt{2} 并且 q4 有正确答案 (\frac{1}{3})，那么您需要将 JS 更改为：
if (q3 == "\(\sqrt 2 \)") {
c++
}
if (q4 == "\(\frac{1}{3}\)") {
c++
}
推荐阅读
- gnuplot - gnuplot 中的“错误格式字符”是什么意思？
- c# - RESTSharp 抛出时未捕获异常
- python - pip install 返回 -9
- c# - 您如何在 asp.net 核心中更新 *不同* 用户的声明值？
- android - Xamarin Android 9.0 GetImei 错误 Java.Lang.SecurityException: getImeiForSlot android.permission.READ_PHONE_STATE
- angular - 在 Angular ngFor 中应该调用多少次 trackBy
- java - 在java中加入来自同一对象的2个流
- php - Mongodb 查询在控制台中运行良好，但在 PHP 中无法运行
- c++ - 在课堂上使用 vs typedef
- scala - 如何通过 RDD Scala 与 join 进行映射