使用javascript制作评分计算器

凯文

<!DOCTYPE html>
<html>
    <head>
        <title>Grade Calculator</title>
    
        <script>
            function doubleMe()
            {
                var number;
                var total;
                
                number = document.getElementById('txtnumber').value;
                
                number = Number(number);
                total = number * 2;
                
                console.log("number(): " + number +  " " + total);
                
                
                number = document.getElementById('txtnumber').value;
                number = parseInt(number);
                total = number * 2;
                
                console.log("parseInt(): " + number + " " + total);
                
                number = document.getElementById('txtnumber').value;
                number = parseFloat(number);    
                total = number * 2;
                
                console.log("parseFloat(): " + number + " " + total);
                
                document.getElementById('divOutput').innerHTML = total;
            }
            </script>
    </head>
    
    <body>
        <h1>Grade Calculator</h1>
        
        Term 1 Mark: <input type = 'text' id = 'txtnumber' /><br><br>
        Term 2 Mark: <input type = 'text' id = 'txtnumber' /><br><br>
        Term 3 Mark: <input type = 'text' id = 'txtnumber' /><br><br>
        Final Exam Mark: <input type = 'text' id = 'txtnumber' /><br><br>
        Term 1 Percentage: <input type = 'text' id = 'txtnumber' /><br><br>
        Term 2 Percentage: <input type = 'text' id = 'txtnumber' /><br><br>
        Term 3 Percentage: <input type = 'text' id = 'txtnumber' /><br><br>
        
        <input type = 'button' value = 'Press Me' onclick = 'doubleMe();' /><br><br>
        
        <div id = 'divOutput'></div>
    </body>
</html>

嗨，我想制作一个评分计算器，您可以在其中输入您的分数和百分比，一旦您单击“按我”，它就会将您的所有成绩相加，并为您提供最终成绩。但我似乎无法上班，有人可以帮我吗？谢谢，麻烦您了！

苛刻的德万

我对您的代码进行了一些调整，它将输入 Term 1、Term 2、Term 3 和 Final Term 标记。并会返回总和和百分比，考虑到每个学期的分数超过 100。

<!DOCTYPE html>
<html>
  <head>
    <title>Grade Calculator</title>
  </head>
  <body>
    <h1>Grade Calculator</h1>
    Term 1 Mark: <input type="text" id="txtnumber1" /><br /><br />
    Term 2 Mark: <input type="text" id="txtnumber2" /><br /><br />
    Term 3 Mark: <input type="text" id="txtnumber3" /><br /><br />
    Final Exam Mark: <input type="text" id="txtnumber4" /><br /><br />
    Term 1 Percentage: <input type="text" id="txtnumber5" /><br /><br />
    Term 2 Percentage: <input type="text" id="txtnumber6" /><br /><br />
    Term 3 Percentage: <input type="text" id="txtnumber7" /><br /><br />
    <input type="button" value="Press Me" onclick="percentage();" /><br /><br />
    <div id="divOutpuTotal"></div>
    <div id="divOutputPercentage"></div>

    <script>
      function percentage() {
        var total;
        var total =
          Number(document.getElementById("txtnumber1").value) +
          Number(document.getElementById("txtnumber2").value) +
          Number(document.getElementById("txtnumber3").value) +
          Number(document.getElementById("txtnumber4").value);
        document.getElementById("divOutpuTotal").innerHTML = total;
        document.getElementById("divOutputPercentage").innerHTML = total / 4;
      }
    </script>
  </body>
</html>

您可以根据您的特定要求更多地改进逻辑。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。