Strona odświeża się po InnerHTML

0

Cześć,
walczę właśnie ze skryptem w JS do egzaminu e14. Mam formularz, w którym sprawdzam, czy checkbox jest naciśnięty. Jeżeli jest, ma wyświetlić się tekst. Wszystko działa, tylko że po wysłaniu formularza tekst pojawia się na sekundę, po czym znika. Mój kod wygląda tak:

<form name="form">
<input type="checkbox" id="jestem"><span>Jestem z Zielonej Góry</span>
<p>albo</p>
<span>Podaj liczbę kilometrów od Zielonej Góry:</span>
<input type="number" class="od">
<input type="submit" value="Oblicz" onClick="fun()">
</form>
<p id="wynik"></p>

<script>
function fun() {
var x = document.getElementById("jestem");
var z = document.getElementById("wynik");
	if(x.checked == true){
		
		z.innerHTML = "Dowóz jest za darmo";
	}
	else{
	
	}
}
</script>

Proszę o pomoc

1

Domyślnym zachowaniem formularza po kliknięciu przycisku "submit" jest wysłanie formularza i odświeżenie strony. Musisz do funkcji wywoływanej w onClick dodać event.preventDefault()

1 użytkowników online, w tym zalogowanych: 0, gości: 1