Как мне вернуть мои обновленные элементы массива в DOM?

Как вернуть мои обновленные элементы массива в DOM?

Я все еще работаю над фильтром слов. Я пробовал разные вещи, но я всегда зацикливаюсь на том, чтобы вставлять мои обновленные слова обратно в DOM. Цель состоит в том, чтобы собрать все плохие слова, заменить их строкой (например, ****) и вывести ее вместо исходного термина. Например, с текстом «это текст с плохим словом», который превратился бы в «это текст с **** словом». У меня есть массив плохих слов, хранящихся и объявленных как badStuff .

Сначала я получаю все inputs type = text и превращаю эту коллекцию HTML в массив. То же самое с textareas . Затем я объединяю эти массивы в submittedWords .

Я использую функцию, которая сравнивает и заменяет слова следующим образом:

 function validateText() { // get the values from all input fields for (let i = 0; i {amp}lt; inputs.length; i  ) { submittedWords.push(inputs[i].value); } // add the values from all textareas for (let i = 0; i {amp}lt; textareas.length; i  ) { submittedWords.push(textareas[i].value); } // loop through the submitted words and if one matches an item in badStuff, // replace the original term with a censored version for ( let i = 0; i {amp}lt; submittedWords.length; i  ) { if (badStuff.includes(submittedWords[i].toLowerCase())) { submittedWords[i] = submittedWords[i].replace(submittedWords[i], "****"); //return submittedWords[i] into DOM // return? print? } } // clear submittedWords array after each check submittedWords = []; } validateText(); 

Теперь моя проблема заключается в том, что я не уверен, как вывести свои результаты в DOM, чтобы каждое плохое слово заменялось на **** при каждом validateText() и его обнаружении. Я знаю, как заменить текст внутри, скажем, некоторого {amp}lt;p{amp}gt; или другого тега или обменять / обновить CSS-классы через JS для отображения результатов. Но здесь у меня есть массив с элементами из различных полей ввода и текстовых областей, которые необходимо заменить.

Может быть, я не вижу очевидного. Но я застрял с этим в течение нескольких часов, и помощь будет высоко ценится.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector