wypisanie wszystkich wyrazów w zdaniu

Question

Hej mam taką rozkminę: 

const wordNumberText = document.querySelectorAll(".random_joke h3");
            for(let el of wordNumberText) {
                const texts = el.textContent.match( /[a-z]+/gi );
                for (let el of texts) {
                   const a = el 
                   console.log( a + " " + a. length)
                    wordText.innerHTML = `<h4>Words:</h4><span>${a}</span>`
                    console.log(a)
                }
            }

Chciałabym wypisać w spanie wszystkie wyrazy ze zdania wraz z ich długością w nawiasie. W konsoli wszystko śmiga. Zapis console.log( a + " " + a. length) wyświetla mi długość wyrazów oraz same wyrazy. Natomiast gdy wrzucam to do spanu <span>${a}</span>, wypisuje mi ostatni wyraz zdania. A czemu nie wszystkie? Czemu w konsoli jest ok , a gdy to przypisuje do HTMLa to już coś się wywala?

Answer 1

Nie jestem w 100% pewny ale myślę że chodzi o linijkę:

wordText.innerHTML = `<h4>Words:</h4><span>${a}</span>`

która powinna wyglądać tak:

const wordNumberText = document.querySelectorAll(".random_joke h3");
            wordText.innerHTML = "<h4>Words:</h4>";
            for(let el of wordNumberText) {
                const texts = el.textContent.match( /[a-z]+/gi );
                for (let el of texts) {
                   const a = el;
                   console.log( a + " " + a. length);
                    wordText.innerHTML += `<span>${a}</span>`;
                    console.log(a);
                }
            }

 

Comments

Dopiero zauważyłem, że w bloczkach kodu można zaznaczać numery linijek kolorem. Dzięki. :)

---

Hah! Ja też! Ale bajery mamy na forum : D