Question

我尝试用onclick事件制作带有javascript的计算器我想要按钮的值来转换输入文本框。当我在文本框中简单地将代码的值写入代码时，它会立即消失。

我使用的代码可以在本文下面找到，我做错了什么。
HTML：

    var iGetal = 0;
    function GetalRekenmachine()
    {
        iGetal = iGetal + 1;
        document.getElementById("Display").value = iGetal;
    }

 <button id="Cijfer7" value="7" onclick="GetalRekenmachine()">7</button>
    <input type="text" id="Display"/>

Answer 1

因为按钮的默认类型是提交。因此，要么取消单击操作，要么将类型设置为按钮。

<button id="Cijfer7" value="7" onclick="GetalRekenmachine(); return false;">7</button>

或

<button type="button" id="Cijfer7" value="7" onclick="GetalRekenmachine()">7</button>

Answer 2

var iGetal = 0;
    function GetalRekenmachine(event)
    {
        iGetal = iGetal + 1;
        document.getElementById("Display").value = iGetal;
        event.preventDefault()
    }

<button id="Cijfer7" value="7" onclick="GetalRekenmachine()">7</button>
    <input type="text" id="Display"/>

点击事件后，值消失

2 个答案: