JS简单成绩计算器代码不起作用

JS Code for simple grade calculator not working

本文关键字:代码 不起作用 计算器 简单 JS      更新时间:2023-09-26

为什么下面的简单成绩计算器代码不起作用?我可以输入数字,但输入数字后,屏幕上就不会显示分数了。我做错了什么?日本人可以忽略不计。我的学生是日本人,所以我用日语写了说明。

    <!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