Trzy guziki jeden licznik

Trzy guziki jeden licznik
P1
  • Rejestracja:ponad 7 lat
  • Ostatnio:26 dni
  • Postów:639
0

Mam trzy guziki na stronie i jeden licznik. Chce napisać skrypt który umożliwi mi że naciśnięcie tych trzech guzików będzie zwiększać licznik
Tu jest mój kod js

Kopiuj
    let buttons = document.querySelectorAll("button");
    Array.from(buttons).forEach(function(button) {
        button.addEventListener("click", function() {
            button.nextElementSibling.firstElementChild.innerHTML = parseInt(button.nextElementSibling.firstElementChild.innerHTML) + 1;
        })
    })

tutaj jest kod html

Kopiuj
    <button id="button1">Guzik 1</button>
    <button id="button2">Guzik 2</button>
    <button id="button3">Guzik 3</button>
    <p>
        Wartość licznika: <span class="counter">0</span>
    </p>
cerrato
Moderator Kariera
  • Rejestracja:około 7 lat
  • Ostatnio:około 4 godziny
  • Lokalizacja:Poznań
  • Postów:8797
0

A w czym jest problem? Twój kod nie działa? Działa ale niezgodnie z oczekiwaniami?
Napisz konkretnie, czego od nas oczekujesz.


P1
Problem że działa ale niezgodnie z oczekiwaniami. Mam po prostu trzy guziki i jeden licznik. Kliknięcie każdego z osobna powoduje zwiększenie wartości tego jednego jedynego licznika
gk1982
  • Rejestracja:prawie 14 lat
  • Ostatnio:około miesiąc
  • Lokalizacja:Łódź
  • Postów:541
1
Kopiuj
let buttons = document.querySelectorAll("button");
let counter = document.querySelector(".counter");
let a = 0;
    Array.from(buttons).forEach(function(button) {
        button.addEventListener("click", function() {
        		a++;
            counter.innerHTML = a;
        })
    })

Don't give up learning JavaScript!
It is enjoyable to make things visible which are invisible.
Każdy programista przybywający z innego miasta jest fachowcem.
Anyone who stops learning is old, whether at twenty or eighty.
Anyone who keeps learning stays young.
The greatest thing in life is to keep your mind young.
Haskell
chyba nie o to chodziło...
Haskell
  • Rejestracja:prawie 10 lat
  • Ostatnio:12 miesięcy
  • Postów:4700
1

Po pierwsze musisz rozróżniać buttony pomiędzy sobą np. sprawdzaj ich id. Po drugie musisz zapamiętać, które zostały już wciśnięte. Dopiero wtedy będziesz mógł zrealizować swoje wymaganie.


Zaglądali do kufrów, zaglądali do waliz, nie zajrzeli do d**y - tam miałem socjalizm. Czesław Miłosz

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.