Trzy guziki jeden licznik

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

    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

    <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>
0

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

1
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;
        })
    })
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.

1 użytkowników online, w tym zalogowanych: 0, gości: 1