Logowanie

Funkcja JS po ponownym wywołaniu nie działa

pytanie zadane 28 marca 2018 w JavaScript przez Kolberg Obywatel (1,560 p.)
zamknięte 29 czerwca 2018 przez Kolberg

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?

komentarz zamknięcia: Rozwiązanie znalezione

1 odpowiedź

odpowiedź 28 marca 2018 przez Kuba Jakubowski Gaduła (3,550 p.)
wybrane 28 marca 2018 przez Kolberg

Najlepsza

Zmienna suma jest tu niepotrzebna.


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>
            Clicker
        </title>
        <link rel="stylesheet" href="style.css">
        <script>
            var klikniec = 0;
 
            function dodaj()
            {
                klikniec++;
                document.getElementById("klikniecia").innerHTML = klikniec;
            }
        </script>
    </head>
    <body>
        <div id="container">
            <main>
                <input type="submit" value="Kliknij!" onclick="dodaj()">
                <div id="klikniecia">0</div>
            </main>
        </div>
    </body>
</html>

Podobne pytania

0 głosów

2 odpowiedzi 188 wizyt

Funkcja w JS na onmousemove działa tylko raz

pytanie zadane 11 stycznia 2020 w JavaScript przez Kolberg Obywatel (1,560 p.)

0 głosów

1 odpowiedź 172 wizyt

funkcja js/jq wszystko działa do momentu

pytanie zadane 12 września 2015 w JavaScript przez makoso Mądrala (7,380 p.)

0 głosów

1 odpowiedź 132 wizyt

Funkcja wywołująca się od momentu, w którym się zakończyła przy ostatnim wywołaniu

pytanie zadane 12 sierpnia 2017 w C# przez Adam Olesiak Gaduła (3,290 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Funkcja JS po ponownym wywołaniu nie działa

Zaloguj lub zarejestruj się, aby skomentować.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci