Как найти введённый текст в textarea во всех div-ах на странице и вывести результат "Текст найден" в другой textarea?
У меня на html странице есть много div-ов и два textarea, в первый нужно ввести текст, а второй должен менять своё value на "Такой текст есть на странице" в том случае, если внутри всех div-ов на странице есть введённый текст. В противном случае - оставлять второй textarea пустым. Подразумеваю выполнение функции прямо во время ввода в textarea, т.е. ивент oninput. Как это можно реализовать на ванильном js?
Ответы (1 шт):
Автор решения: lezhni
→ Ссылка
Примерно так:
const divs = document.querySelectorAll('.div')
const search = document.getElementById('search')
search.addEventListener('input', () => {
let findedDivs = Array.from(divs).filter(item => item.innerText.includes(search.value))
console.log(findedDivs)
})div {
margin-bottom: 10px;
padding: 10px;
color: white;
background: blue;
}<div class="div">Какой-то текст</div>
<div class="div">То, что ищем</div>
<div class="div"></div>
<textarea id="search" placeholder="Что ищем"></textarea>