JS简单成绩计算器代码不起作用
JS Code for simple grade calculator not working
为什么下面的简单成绩计算器代码不起作用?我可以输入数字,但输入数字后,屏幕上就不会显示分数了。我做错了什么?日本人可以忽略不计。我的学生是日本人,所以我用日语写了说明。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>英語1B</title>
<script>
function computeGrade() {
var q1=document.getElementById('q1').value;
var q2=document.getElementById('q2').value;
var q3=document.getElementById('q3').value;
var es1=document.getElementById('es1').value;
var es2 =document.getElementById('es2').value;
var es3 =document.getElementById('es3').value;
var a=document.getElementById('a').value;
var average = ((q1+q2+q3)/192*.25 + (es1+es2+es3)/50*.55 + a/14*.2)*100);
document.getElementById('average').innerHTML = "あなたの平均が" + average + "%。";}
</script>
</head>
<body>
<h2>成績の計算</h2>
<p>小テスト1の点数:<input id="q1" type="number" onchange="computeGrade()"></p>
<p>小テスト2の点数:<input id="q2" type="number" onchange="computeGrade()"></p>
<p>小テスト3の点数:<input id="q3" type="number" onchange="computeGrade()"></p>
<p>エレベーター・スピーチ1の点数: <input id="es1" type="number" onchange="computeGrade()"></p>
<p>エレベーター・スピーチ2の点数: <input id="es2" type="number" onchange="computeGrade()"></p>
<p>エレベーター・スピーチ3の点数: <input id="es3" type="number" onchange="computeGrade()"></p>
<p>出席の回数: <input id="a" type="number" onchange="computeGrade()"></p><br>
<p id = "average"></p>
</body>
</html>
HTML的第16行有一个额外的括号:
// [YOUR CODE] this last parenthesis is not needed.
var average = ((q1+q2+q3)/192*.25 + (es1+es2+es3)/50*.55 + a/14*.2)*100);
// [YOUR CODE WITHOUT LAST PARENTHESIS] this does not produce any errors.
var average = ((q1+q2+q3)/192*.25 + (es1+es2+es3)/50*.55 + a/14*.2)*100;
我通过将您的代码片段复制/粘贴到一个html文件中,并打开浏览器的控制台输出来查看错误指向的位置,从而找到了这一点。
您的javascript中有一个意外的令牌:您应该删除计算平均的行上的最后一个Paradishesion
var average = ((q1+q2+q3)/192*.25 + (es1+es2+es3)/50*.55 + a/14*.2)*100;
我将您的代码放入代码笔:http://codepen.io/anon/pen/jWMwwM
相关文章:
- d3js文本传输-示例代码不起作用
- 滚动动画代码不起作用
- 为什么此验证代码不起作用
- 我的jquery代码不起作用.为什么?
- jquery中的PHP代码不起作用
- 谷歌地图代码不起作用
- 为什么这个代码不起作用?我花了很长时间试图弄清楚这一点
- 除非连接插件,否则 jQuery 代码不起作用
- 简单的JavaScript代码不起作用
- Angular资源对我的代码不起作用
- 在加载javascript之前让页面加载的代码不起作用
- 为什么这个jquery代码不起作用
- 直接从代码笔复制的圆环图代码不起作用
- javascript代码不起作用
- javascript验证代码不起作用
- 代码不起作用.我无法确定这个问题
- 为什么这个js代码不起作用
- 重定向到PDF时像素跟踪代码不起作用
- hasClass没有'我的js代码不起作用
- JavaScript-为什么这段代码不起作用