Como atualizar / alterar o conteúdo HTML com JavaScript e evitar que a página seja atualizada?

Sou novato em scripts. Quero atualizar o conteúdo HTML com JavaScript, mas, como você pode ver, a página da Web continua sendo atualizada.

Como posso evitar que a página seja atualizada?

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