无法将数据恢复到网页

时间:2014-10-31 00:30:15

标签: javascript html

我正在尝试为Project Euler#1(计算从0到1000的数字之和为3或5的倍数)创建一个简单的html表单,它允许用户输入一个数字,而不是从0到1000计算。我认为我的内容很接近,但我无法在网页上获得任何值。

<body>
    <form action="" id="numform" onsubmit="return false">
        <fieldset>
            <legend>Lets do Math!</legend>
            <label>Enter a number</label>
            <input type="text" name="num" id="num">
            <button onclick="add">Calculate</button>
            <div id="totalSum"></div>
        </fieldset>
    </form>
</body>

function addThreeAndFive() {

    var theForm = document.forms["numform"];
    var num = theForm.elements["num"]
    var sum = 0;

    for (var i = 0; i <= num; i++) {
        if (i % 3 === 0 || i % 5 === 0) {
            sum += i;
        }
    }
    document.getElementById('totalSum').innerHTML = "The sum of the multiples of 3 and 5 are " + sum;
}

1 个答案:

答案 0 :(得分:0)

 <button onclick="addThreeAndFive()">Calculate</button>

点击按钮

添加对该功能的调用

同时将num更改为var num = theForm.elements["num"].value