Как обновить / изменить HTML-контент с помощью JavaScript и предотвратить обновление страницы?

Я новичок в написании сценариев. Я хочу обновить HTML-контент с помощью JavaScript, но, как вы можете видеть веб-страница постоянно обновляется.

Как я могу предотвратить обновление страницы?

Javascript:

function showResult(form) {
var coba=form.willbeshown.value;
var coba2=coba+2;
document.getElementById("showresulthere").innerHTML=coba2;
}

HTML

<form>
<input type="text" name="willbeshown" value="">
<button onclick="showResult(this.form)">Ganti1</button>
</form>
<p id="showresulthere">Result will be shown here</p>
</body>

Ответы на вопрос(4)

Ваш ответ на вопрос