Strona odświeża się po InnerHTML

Strona odświeża się po InnerHTML
GU
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 94
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:

Kopiuj
<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

Chramar
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Poznań
  • Postów: 46
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()

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.