Wybieranie elementow

Odpowiedz Nowy wątek
2019-09-03 13:17
0
<!DOCTYPE html>
<html>
      <head>
          <script>
          function add_post (contents){
               const post = document.createElement('div');  
               post.id = contents;             
                post.className = 'post';
                post.innerHTML = contents;
                post.id = contents;
                const remove = document.createElement('button');
                remove.className = 'remove';
                remove.innerHTML = 'Remove';
                post.append(remove);
                document.querySelector('#posts').append(post);
                };

         document.addEventListener('DOMContentLoaded', () => {

            document.querySelector('#send').onclick = () => {
            contents = document.querySelector('#message').value;
           add_post(contents);
           };           

            document.querySelectorAll('#posts').forEach((element) => {
            element.onclick = () => {
                document.querySelector('#info').innerHTML = element.id;
                document.querySelector('#info1').innerHTML = element.innerHTML;
             };            
            });

             document.querySelectorAll('.post').forEach((element) => {
            //element.onclick = () => {
                document.querySelector('#info2').innerHTML = element.className;
             //};            
            });

             });

          </script>

      </head>
     <body> 
         <h2 id="info">info</h2>
         <h2 id="info1">info1</h2>
         <h2 id="info2">info1</h2>

        <input id="message" autocomplete="off" placeholder="Say something" type="text">
        <button id="send">send</button>

        <div id="posts">
        </div>   

    </body>
</html>

Witam

Dlaczego document.querySelector('#info').innerHTML = element.id; wyświetla 'posts' a nie to co zostało wpisane?
(id diva a nie posta którego kliknąłem)

A w drugim przypadku document.querySelectorAll('.post').forEach((element) => { gdy zaznaczam klasę dlaczego nic się nie dzieje ?

Dzięki

edytowany 1x, ostatnio: cerrato, 2019-09-03 14:05

Pozostało 580 znaków

2019-09-05 11:15
0

Mówiłem titako że jesteś wielki :)
dokładnie o to mi chodziło ****document.querySelector('#info').innerHTML = this.id;
jest wiadomość bez przycisku

Zapytasz się o coś to ci zaczną wiersze recytować że tak wspomnę

Pozostało 580 znaków

2019-09-05 12:26
2

Zadałeś dwa pytania o to, dlaczego coś się nie dzieje i dostałeś odpowiedź. Jeśli chciałeś otrzymać gotowy kod, trzeba było zamieścić posta w dziale "zlecenia". A wiersz pochwalny to ty teraz powinieneś dla @titako napisać ;)


edytowany 1x, ostatnio: cerrato, 2019-09-05 12:33

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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