Resultados de búsqueda undefined

Anónimo {{'2021-12-25T23:18:00.000Z' | moment 'DD/MM/YY HH:mm'}} /#/ 97628

>>97592
Negros hoy he hecho un avance que puede considerear de igual importancia ~~para mi vida~~ que el descubrimiento de america. Eh solucionado este problema, el chisme estaba en que For es una maldita perra que unos dias te dice que si y otros que no.

<!DOCTYPE html>
<html lang='en'>
<head>

Document

<div id='todo'>

①

un arco {·! obra humana que pueden poseer las puertas (·= arched door·) , ventanas (·= arched window·) , caminos (·= archway·) o cualquier construcción ·} ; cualquier cosa que tenga forma de U invertida .

②

arquear {·! doblar la espalda hacia atras·} → [·FIG·] doblar .

aassddff

</div>

<script>
let palabras = document.querySelectorAll('.plb') ;
let comentarios = document.querySelectorAll('.cmnt') ;
let revelar_p = document.getElementById('revelarPalabras') ;
let ocultar_p = document.getElementById('ocultarPalabras') ;
let revelar_c = document.getElementById('revelarComentarios') ;
let ocultar_c = document.getElementById('ocultarComentarios') ;
let revelar_t = document.getElementById('revelarTodo') ;
let ocultar_t = document.getElementById('ocultarTodo') ;

function estilos () {
function cantidadCaracteres (texto , caracter) {
let contador = 0 ;
for (i = 0 ; i < texto.length ; i++ ) {
if (texto.charAt(i) == caracter) {
contador++ ; }
}
return contador ;
}
let frase = document.getElementById('todo').innerText
let caracter_1 = cantidadPalabras(frase, '{')
}

function cantidadPalabras () {
let contador = 0 ;
let palabras = '(·= let derivados = 'class="sgl">DER·]'
let texto = document.getElementById('todo').innerHTML.split(' ')
for (const p of texto) {
if (p == palabras) {
contador++ ;
}
}
for (const p of texto) {
if (p == derivados) {
contador++ ;
}
}
return contador
}
function cantidadSinonimos () {
let contador = 0 ;
let palabras = '{·! let texto = document.getElementById('todo').innerHTML.split(' ')
for (const p of texto) {
if (p == palabras) {
contador++ ;
}
}
return contador
}

function revelarPalabras() {
revelar_p.style.display = 'none' ;
ocultar_p.style.display = 'inline' ;
for (x = 0 ; x < cantidadPalabras () ; x++) {
palabras[x].style.display = 'inline' ; }
}
function ocultarPalabras() {
ocultar_p.style.display = 'none' ; ;
revelar_p.style.display = 'inline' ;
for (x = 0 ; x < cantidadPalabras () ; x++) {
palabras[x].style.display= 'none' ; }
}
function revelarComentarios() {
revelar_c.style.display = 'none' ;
ocultar_c.style.display = 'inline' ;
for (x = 0 ; x < cantidadSinonimos () ; x++) {
comentarios[x].style.display = 'inline' ; }
}
function ocultarComentarios(){
ocultar_c.style.display = 'none' ;
revelar_c.style.display = 'inline' ;
for (x = 0 ; x < cantidadSinonimos () ; x++) {
comentarios[x].style.display = 'none' ; }
}

function revelarTodo() {
revelar_t.style.display = 'none' ;
ocultar_t.style.display = 'inline' ;
revelarPalabras() ;
revelarComentarios() ;
}
function ocultarTodo() {
ocultar_t.style.display = 'none' ;
revelar_t.style.display = 'inline' ;
ocultarPalabras() ;
ocultarComentarios() ;
}

function uno () {for (x = 0 ; x<5 ; x++) {document.querySelectorAll(textOne)[x].style.display = 'inline'}}
function dos () {for (x = 0 ; x<1 ; x++) {document.querySelectorAll(textTwo)[x].style.display = 'inline'}}
function tres () { uno() ; dos()}

<style>
#todo {background: black ;
color: rgb(255, 255, 255);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.5em}
.col1 {color:black}
.col2 {color:white}
.col4 {color: darkorange}

.nm {float:left; background: black ;
margin: 0px 10px 0px 0px ; padding: 7px 0px 3px 0px;
font-size: 40px ; color: rgb(0, 204, 255) ;
vertical-align: middle }
.cnt {display: inline; text-align: justify }

.cmnt {display: none ; font-size: 0.7em}
.plb {color: greenyellow ; display: none}
.sgl {font-size:0.7em}

button {width:150px;
height: 50px;
color: white;
background: black;
font-size: 0.7em;
border-radius: 100px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 10px 10px 10px 10px;
border: 3.2px solid white;
}

#ocultarTodo {display: none }
#ocultarPalabras {display: none ; border-color: greenyellow ; }
#ocultarComentarios {display: none ; border-color: darkorange ;}
</style>

For tolerava candidades al azar solo cuando estaban separadas, al estar juntas solo la primera responde, pero cuando se le colocan las justas cantidades que estan en el disque elemento que accionan, entonces se llevan bien todas las For. Para ello tube que ~~ver horas y horas de videos en youtube~~ ver una forma de detectar la cantidad que existe de x Class, no existia una herramienda que hiciese eso ya de por si.
Primero usando .innerHTML convertia el div en codigo-string, pero era una sola unidad, asi que para dividirlo hay que usar .split(' '), para separa las relativas palabras, con eso el documento ya estaba como arrays, para recorrer el array: for (string of X array), y si durante el recorrido un X string es = X palabra relativa buscada, entonces iba a contar 1 con sus dedos, al final [ return contador ] y ya esta.

Resultados de la búsqueda: