Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

dodanie html do kodu

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

dodanie html do kodu

Post 05.08.2017, 23:23:43

Witam, wykminiłem skrypt do przeliczania kalorii i próbuję dodać opcję wprowadzania własnych wartości, a konkretnie pojawienia się pola input w określonej części kodu. Nie mogę znaleźć nieprawidłowości w kodzie. Proszę o wyrozumiałość, jestem dość początkujący ;)

Kod: Zaznacz cały
var dodajWlasnyButton = document.getElementById('dodaj-wlasny');
var wlasnyProdukt = document.getElementsByClassName('wlasny-produkt');
dodajWlasnyButton.addEventListener('click', function {
     wlasnyProdukt.innerHTML = 'Nazwa: <input type="text" name="" id=""> kcal: <input type="text" name="" id=""> białka: <input type="text" name="" id=""> tłuszcze: <input type="text" name="" id="">węglowodany: <input type="text" name="" id=""><input type="submit" name="" id="" value="Dodaj">';
});

Kod: Zaznacz cały
<p>produkty:</p>
     <a href="#">Wybierz z listy</a>
     <a href="#" id="dodaj-wlasny">Dodaj własny</a>
<div class="wlasny-produkt">
         
</div>
ksz
Posty: 5
Dołączył(a): 06.05.2017

Re: dodanie html do kodu

Post 07.08.2017, 00:01:43

Po słowie function brakuje nawiasów okrągłych

Kod: Zaznacz cały
function () {
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19570
Dołączył(a): 14.04.2002

Re: dodanie html do kodu

Post 07.08.2017, 22:35:32

Ok poprawiłem, ale to nie to. Nadal nie działa.
ksz
Posty: 5
Dołączył(a): 06.05.2017

Re: dodanie html do kodu

Post 10.08.2017, 10:14:21

document.getElementsByClassName() zwraca tablicę z elementami (nawet jak jest jeden element o danej klasie na stronie). Zamiast wlasnyProdukt.innerHTML daj wlasnyProdukt[0].innerHTML i powinno działać (w tym przypadku oczywiście).
Shirtz.pl - Sklep z koszulkami
pompastick
Posty: 25
Dołączył(a): 15.05.2005
Lokalizacja: WLKP

Re: dodanie html do kodu

Post 15.08.2017, 23:13:24

Nadal nie działa, wrzucam cały kod: https://codepen.io/ksz93/pen/VzrWGb
ksz
Posty: 5
Dołączył(a): 06.05.2017

Re: dodanie html do kodu

Post 16.08.2017, 11:15:34

Po pierwsze nie zastosowałeś się do mojej odpowiedzi, po drugie - sprawdź konsolę błędów.

https://codepen.io/anon/pen/zdPJed - tu masz działające
Shirtz.pl - Sklep z koszulkami
pompastick
Posty: 25
Dołączył(a): 15.05.2005
Lokalizacja: WLKP

Re: dodanie html do kodu

Post 18.08.2017, 22:46:04

Ok dzięki za pomoc, czy w takim razie błędem było też trzymanie skryptów na stronie w kilku znacznikach script zamiast w jednym?
ksz
Posty: 5
Dołączył(a): 06.05.2017


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 9 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50307 zarejestrowanych użytkowników.
Najnowszy użytkownik: piekielny


Nasi użytkownicy napisali:

  • 935436 wiadomości
  • w 246473 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)