javascript - 为什么我的按钮消失了？ (尝试了解基础知识)

Question

我必须指出，我对编写代码还很陌生。我一直在尝试编写一些代码来学习基础知识。无论如何，我遇到的问题是，每当我调用它的函数(单击它)时，下面代码中的按钮就会消失。有什么方法可以更改此设置，以便我可以继续按下按钮并将数字加 1 吗？

如果有人能在这里帮助我，我将非常感激。

<title>testingstuff</title>
<script type = "text/javascript">

var givenNumber = parseFloat(prompt("Give a number to start with"))
document.write (givenNumber)

function addingFunc()
{
    document.write(givenNumber+1)
};

<button onclick=addingFunc();>Click here for +1</button>

Answer 1

document.write 在文档完成加载后调用时会覆盖整个文档，您可以使用 innerHTML 或任何其他将内容附加到 DOM 的方法:

function addingFunc() {
    document.getElementById('element_to_write_to').innerHTML = ++givenNumber;
};

FIDDLE