.value初始設置爲一個輸入，之後它快速設置爲空白

Question

我寫了一個計算某些值的頁面。我想使用表單，然後從輸入中獲取值，從另一個輸入中獲取值，然後在按下按鈕時在另一個輸入中顯示結果值。

但是，當我試圖設置輸入的值時，它顯示幾毫秒然後快速消失。

這是我感興趣的代碼。

<input id="initialInput" type="text" name="in" /> 
<button onclick="calcFnc()">Calculate</button> 

function calcFnc() { 
    document.getElementById("initialInput").value = "test"; 
} 

如何讓我的價值留？

編輯：我想出了爲什麼價值消失，我把按鈕放在窗體內，並由於某種原因它刷新頁面，但我幾乎想通了。我應該刪除這篇文章嗎？

Answer 1

如果你不會設置type="button"那麼這個按鈕將被視爲提交按鈕，當你點擊該按鈕時你的表單將被提交。

<button onclick="calcFnc()" type="button">Calculate</button>