Dzień dobry
Szukałam i nie znalazłam. Dopiero zaczęłam naukę w javascript.
Zrobiłam kalkulator, który oblicza pole kwadratu. Po kliknięciu w oblicz wyświetla prawidłowo wynik.
Chcę aby po kliknięciu w przycisk czyściło mi pole formularza i wynik. Zrobiłam przycisk resetuj , ale on tylko czyści pole formularza a nie czyści wyniku.
Po zrobieniu przycisku odśwież czyści tylko wynik a nie czyści pola formularza.
Jak zrobić aby czyściło mi pole formularza i wynik?
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="pole_kwadratu.js"></script>
</head>
<body>
<form id="oblicz" action="" method="post">
<div>
<h3>Pole Kwadratu</h3>
<p>a <sup>2</sup> <br></p>
Bok A <input type="number" id="a"><br>
<span id="k">= </span><br><br>
<input type="button" value="Oblicz" onclick="oblicz()">
<input type="reset" value="zresetuj">
</div>
</form>
</body>
</html>
function oblicz() {
const a = document.getElementById('a').value;
const k = parseInt(a) * parseInt(a);
document.getElementById('k').innerHTML = +a + ' * ' + a + ' = ' + a + "<sup>" + 2 + " </sup> " + ' = ' + k;
return false;
}