Jak zaktualizować / zmienić treść HTML za pomocą JavaScript i zapobiec odświeżaniu strony?

Jestem początkującym użytkownikiem skryptów. Chcę zaktualizować zawartość HTML za pomocą JavaScript, ale jak widać strona internetowa jest odświeżana.

Jak mogę zapobiec odświeżaniu strony?

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>

questionAnswers(4)

yourAnswerToTheQuestion