点击事件后,值消失

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>