как установить слова из предложения одно под другим js - PullRequest
0 голосов
/ 09 мая 2019

Привет, у меня проблема с моими словами в предложении. У меня есть предложение, я делаю цикл, чтобы получить слова, и затем я хочу поместить их в <li> - одно под другим. Поэтому я снова сделал цикл, чтобы получить только слова и поместить их в li, но на моей странице есть только одно слово. Почему так случилось?

const wordText = document.createElement("div");
const lettersSection = document.querySelector(".letter");
        wordText.classList.add("wordText");
        lettersSection.appendChild(wordText);
        const jokeText = document.querySelectorAll(".random_joke h3");
        for (let el of jokeText) {
            const matchWords = el.textContent.match(/[a-z]+/gi);
            const changeSequenceWords = matchWords.sort(byLength);
            // const newString = changeSequenceWords.join(" ");
            for (let el of changeSequenceWords ) {
                const word = el;
                console.log(el)
                wordText.innerHTML = `<h4>Words:</h4><span><li>${word}</li></span>`
            }
            // const newString = changeSequenceWords.join(" ");

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

1 Ответ

0 голосов
/ 09 мая 2019

Вы удаляете старое значение wordText.innerHTML при каждом запуске цикла - используйте +=:

wordText.innerHTML += `<h4>Words:</h4><span><li>${word}</li></span>`
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...