Jestem totalnie początkującym w jezyku Java Script i ostatnio chciałem zrobić dla testu grę "clickera".
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>
Clicker
</title>
<link rel="stylesheet" href="style.css">
<script>
var klikniec = 0;
function dodaj()
{
var suma = klikniec + 1;
document.getElementById("klikniecia").innerHTML = suma;
}
</script>
</head>
<body>
<div id="container">
<main>
<input type="submit" value="Kliknij!" onclick="dodaj()">
<div id="klikniecia">0</div>
</main>
</div>
</body>
</html>
Po kliknięciu na przycisk za pierwszym razem suma zostaje zwiększona o 1 a następnie podmieniona zawartość pojemnika "klikniecia", natomiast przy kolejnym kliknięciu wartość pola "klikniecia" się nie zmienia.
Wydaje mi się, że po ponownym wywołaniu funkcji "dodaj" wszystko powinno zadziałać. Dlaczego się tak nie dzieje?