¿Cómo actualizar / cambiar el contenido HTML con JavaScript y evitar que la página se actualice?

Soy un novato en scripting. Quiero actualizar el contenido HTML con JavaScript, pero como se puede ver, la página web sigue actualizándose.

¿Cómo puedo evitar que la página se actualice?

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>

Respuestas a la pregunta(4)

Su respuesta a la pregunta