javascript. Odnoszenie się do elementu button.

pytanie zadane 29 listopada 2018 w JavaScript przez czochrajjeza Początkujący (470 p.)
edycja 29 listopada 2018 przez czochrajjeza

Chciałbym aby po naciśnięciu przycisku wywołała się funkcja alert("przycisk został naciśnięty") a ona nie działa.

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <script>

            var btn = document.querySelector('#btn');

            btn.addEventListener('click', function() {
                alert('przycisk zostal nacisniety');
            });

        </script>
        <style>
            #btn
            {
                width: 200px;
                height: 40px;
                margin-left: 400px;
            }
        </style>

        <button id="btn" class="btn">kliknij</button>
    </body>
</html>

1 odpowiedź

odpowiedź 29 listopada 2018 przez Tomek Sochacki Ekspert (227,510 p.)
wybrane 29 listopada 2018 przez ScriptyChris

Najlepsza

no i? po pierwsze daj kod w bloczek, po drugie napisz o co Ci chodzi, w czym jest problem?

Po trzecie przenieś kod na koniec znacznika body gdzie odwolasz się do już istniejącego wtedy elementu html.

komentarz 29 listopada 2018 przez czochrajjeza Początkujący (470 p.)

Sorki. Nie napisałem o co mi chodzi. Chciałbym aby po nakliknięciu przycisku wyświetliła się funkcja alert("przycisk został naciśnięty") a to nie działa

komentarz 29 listopada 2018 przez Tomek Sochacki Ekspert (227,510 p.)

No a dlaczego nie przeczytałeś tego co napisałem :)?

Po trzecie przenieś kod na koniec znacznika body gdzie odwolasz się do już istniejącego wtedy elementu html.

w tej chwili odnosisz się w skrypcie do elementu, który jeszcze nie istnieje. Przeglądarka gdy natrafi na taki znacznik <script> to zaczyna go wykonywać i dostajesz błąd:

Cannot read property 'addEventListener' of null

co jednoznacznie mówi, że nie można się odnieść do tego buttona. Zawsze w takich sytuacjach najpierw zobacz co pokazuje konsola, wiele błędów wychodzi właśnie na tym etapie.