• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Nie działa mi podmiana elementu(JavaScript)

VPS Starter Arubacloud
0 głosów
215 wizyt
pytanie zadane 1 października 2022 w JavaScript przez MacieKap Bywalec (2,400 p.)

Witam,

chciałbym podmienić zawartość diva "btn", ale nie działa.

<div class="btn"><button onclick="play();">PLAY</button></div>
    <script>
        const nova = new Audio('audio/nova.mp3')
        function play() {
            nova.play();
            document.GetElementById('btn').innerHTML='<button onclick="stop();">STOP</button>';
        }
        function stop() {
            nova.stop();
            document.GetElementById('btn').innerHTML='<button onclick="play();">PLAY</button>'
        }

Z góry dziękuję za odpowiedzi

1 odpowiedź

0 głosów
odpowiedź 1 października 2022 przez Nudzi mi się Gaduła (4,460 p.)
wybrane 1 października 2022 przez MacieKap
 
Najlepsza
1. pobieranie elementu po id to getElementById a nie GetElementById

2. getElementById jak nazwa wskazuje pobiera elementy po id nie po klasie. <div id="btn">

3. mniej problematyczne będzie ukrywane elementu zamiast podmiana diva i dublować kod.
komentarz 1 października 2022 przez MacieKap Bywalec (2,400 p.)
Jak wskazać element po klasie?
komentarz 1 października 2022 przez Nudzi mi się Gaduła (4,460 p.)
document.getElementsByClassName('btn') // zwraca listę elementów z klasą btn
document.querySelectorAll('.btn') // zwraca listę elementów z klasą btn
document.querySelector('.btn') // zwraca pierwszy element z klasą btn

 

komentarz 1 października 2022 przez MacieKap Bywalec (2,400 p.)
A jak zrobić bez dublowania dla 20 takich przycisków, gdzie każdy ma inną treść?
komentarz 1 października 2022 przez Nudzi mi się Gaduła (4,460 p.)
Dodać jedna wspólna klasę do wszystkich 20 elementów. Opisz co chcesz zrobić / jaki masz HTML będzie prościej znaleźć jakieś rozwiązanie.
komentarz 1 października 2022 przez VBService Ekspert (251,250 p.)

@MacieKap, 

A jak zrobić bez dublowania dla 20 takich przycisków, gdzie każdy ma inną treść?

Sprawdź: How JavaScript Event Delegation Works 

Podobne pytania

0 głosów
3 odpowiedzi 273 wizyt
pytanie zadane 21 października 2022 w JavaScript przez MacieKap Bywalec (2,400 p.)
0 głosów
1 odpowiedź 98 wizyt
pytanie zadane 27 października 2017 w Nasze projekty przez Gaspar Nowicjusz (240 p.)

92,454 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

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!

...