Przepisałem dla ciebie ten kod poprawiając przy okazji czytelność kodu i dodając zapisywanie w sessionStorage.
<!DOCTYPE html>
<html lang=pl>
<head>
<meta charset=utf-8>
</head>
<body>
<div>
<input type=number id=input>
<button id=add>Dodaj</button>
<div id=output></div>
</div>
<script>
let n = sessionStorage.n-0 || 5;
//localStorage zapamiętuje zawsze dane w formie tekstu, dlatego trzeba je przekonwertować
document.querySelector("#output").innerHTML = n;
//querySelector to krótsze odwołanie się do elementu html. Zwraca pierwszy element pasujący do selektora css.
function count() {
//zaleca się stosowanie angielskich nazw w kodzie. Co by było gdybyś pracował z kodem gdzie zmienne są w języku swahili?
let input = document.querySelector("#input").value-0;
//konwertujemy dane wpisane przez użytkownika na liczbę
let equation = n + input;
document.querySelector("#output").innerText = equation;
n = equation;
sessionStorage.n = equation;
//zapisujemy w localStorage lub sessionStorage, zależy czy chcesz żeby przeglądarka przechowywała te dane "na stałe" czy dopóki jej nie zamkniesz.
}
document.querySelector("#add").addEventListener("click",count);
//złą praktyką jest zapisywanie evenetów inline, bezpośrednio w tagu html. Metoda addEventListener umożliwia ustawienie wielu eventów do jednego elementu, które można potem usuwać.
</script>
</body>
</html>
Tutaj masz bez komentarzy:
<!DOCTYPE html>
<html lang=pl>
<head>
<meta charset=utf-8>
</head>
<body>
<div>
<input type=number id=input>
<button id=add>Dodaj</button>
<div id=output></div>
</div>
<script>
let n = sessionStorage.n-0 || 5;
document.querySelector("#output").innerHTML = n;
function count() {
let input = document.querySelector("#input").value-0;
let equation = n + input;
document.querySelector("#output").innerText = equation;
n = equation;
sessionStorage.n = equation;
}
document.querySelector("#add").addEventListener("click",count);
</script>
</body>
</html>
