Question

我无法弄清楚为什么我的代码不起作用。我正在尝试创建一个小模数计算器，我对javascript很新，并想出了这段代码。

<!DOCTYPE html>
<html>
<head>
    <title>Modulo Calculator</title>
</head>
<body>
    Modulo Caculator 
    <script>
        var x = myModulo(5,3); //enter numbers here

        function myModulo(a,b) {
            return a % b
        };


    </script>
</body>
</html>

它应该返回2，但我知道我在某处遗漏了什么，但是什么？

Answer 1

您的所有代码都是正确的，应该可以正常工作。您需要在页面加载时使用一段JavaScript实际显示结果（例如）。

简而言之，目前您的JavaScript函数myModulo(5, 3)的结果存储在变量x中。现在你还没有告诉浏览器在哪里显示这个返回的整数值 - 甚至是在DOM中调用函数时。

你可能想尝试......

window.onload = function() {
    var output = document.getElementById("output");
    output.innerHTML(myModulo(5, 3));
};

并且div或p元素（例如）具有output ID - 即<div id="output"></div>

Answer 2

你的代码很好。您只需要使用计算结果更新视图..

以下是工作Mod计算器的示例。

<!DOCTYPE html>
<html>
<head>
    <title>Modulo Calculator</title>
</head>
<body>
    <h1>Modulo Caculator </h1>
    <label for="dividend">Dividend</label>
    <input id="dividend">
    <label for="divisor">Divisor</label>
    <input id="divisor">
    <button id="calcBtn">Calculate</button>
    <p>Result is: <span id="result"></span></p>

    <script>
        // Your modulo function
        function myModulo(a,b) {
            return a % b;
        };

        // 
        var calcBtn = document.getElementById("calcBtn");
        var resultElement = document.getElementById("result");

        // Set onclick event to run the Mod and update the results
        calcBtn.onclick = function(){
            // Get values
            var dividend = document.getElementById("dividend").value;
            var divisor = document.getElementById("divisor").value;

            // Run Modulo function
            var modResult = myModulo(dividend, divisor);

            // Update Result
            resultElement.innerText = modResult;

        }

    </script>
</body>
</html>

此代码的说明

首先，我们创建2个输入，用于存储被除数和除数（'a'和'b'），一个用于触发计算操作的按钮和一个用于显示结果的span元素。
添加一个onclick事件侦听器，每次单击计算按钮时都会运行该事件侦听器。这将执行我们定义的函数。
单击计算按钮后，我们的onclick函数将检索两个参数，被除数和除数，并运行 myModulo 函数。
返回结果后，我们的onclick函数会显示它。

希望这有助于您更多地了解JS和HTML交互。祝你好运

无法使用javascript创建模数计算器

2 个答案: