Juego de completar texto: HTML - CSS - JAVASCRIPT

Juego de completar texto creado con html, css y js.

Puedes descargar el código aquí:

[padrocha]

Excelente, en el css del span en vez del width iría mejor un padding de la línea :)

[padrocha]

En agregarOpciones, excelente que creaste el nodo, maravilloso.

Vi que hiciste la función y la ejecutante aparte, en Js existe algo como funciones autoejecutables o algo así idk

Tipo
(()->{
debug;
})();

También vi que pusiste como atributo a un onclick, estaría mejor que le dieras un addEventListener tipo click, tiene un callback, haces la función antes y simplemente lo pones

div.addEventListener('clicl', función);

Igual para los span, agregar eventos es mi pasión

[padrocha]

En el section de opciones no hubiera estado mal flexbox y así justificar el contenido "round" y te distribuye shido, igual es eficiente

[padrocha]

22:37 para eso sería el addEventListener, tienen un this que es el mismo elemento, con typescript solo tendrías que ponerle el tipo this: HTMLDivElement o algo así

[padrocha]

Para evitar el .style podrías ponerle otra clase idk en lo último con todo lo anterior con maps y otras cosas igual quedaría

[padrocha]

En completar, no está mal que uses un selector de nodos en una función, pero igual estaría mejor pedirlas con antelación, si no son de las que se eliminan dinámicamente, ahora usas innerHTML, ya bien, pero existe textContent, o algo así idk. Es menos peligroso al momento de meter algo al dom

[padrocha]

Para traer elementos del Dom está muy bien eso, pero no estaría mal usar querySelector, es más coolz, para ID usas #test y para clase .test, además de más curiosas cosas e.e

[padrocha]

En agregar eliminar span, más de lo mismo, autoejecutable anterior, un querySelectorAll, un forof en vez del for, y un addEventListener

[padrocha]

Disculpa si crees que critiqué mucho tu código :(

Al final, lo importante es que funcione, excelente trabajo :D

El código es amorz

[padrocha]

En el Js, al incio, vi que hiciste dos arreglos, podrías usar Sort con un random y se desordena, algo así Array.sort(function(a, b) {return (Math.random()-0.5)})

Igual los arreglos no suelen reemplazarse directamente siempre, puedes guardarlo en una constante

[edirgonzano]

buenas. buen video. una pregunta. si querria agregar unas 20 de esas pequeñas historias como podria hacerlo sin repetir mucho codigo. gracias

[santiagoferreyra]

hola cuando quiero eljir todas alas opciones solo me deja poner 2

[padrocha]

Lo que veo que hiciste de arreglo que contiene el orden elegido es algo innecesario, porque ya existe, podrías hacer un querySelectorAll, traer todos, y según el ID ver qué posición es