Bomber Code

Que onda chic@s
espero que estén  bien, un cordial saludo para los que estén en esta parte de el foro, vengo acá ya que necesito ayuda con una pagina web que eh estado desarrollando esta semana, soy principiante y quisiera aprender como se haría este código.
Se que esta web les pueda parecer una huevada pero para mi es una gran pagina ya que es la primera que eh hecho pero el problema es que no se como terminarla.
Este es el diseño que eh hecho, lo que quiero lograr es que dándole click en el nombre de la materia salga una "X" y cuando le de otro click la "X" desaparezca.

Eh hecho esto pero no tiene la función de js.

Luego se me ocurrió que al oprimir el texto saltara un prompt (que escribiendo el numero "1" saliera la "X" y escribiendo el numero "2" la "X"  se desapareciera) pero no supe como hacerlo

Luego me di cuenta  que cuando la "X" estaba visible no le podía dar click al texto cosa que no salia el prompt.
Ah y otra duda, si no es mucho problema me pueden explicar como hacer que se guarde el ultimo estado de la pagina por ejemplo, que la clase 2, 3 y 8 esten con la "X" y cuando la cierre y la vuelva abrir el archivo este en el mismo estado que en la que la cerré.
Creo que esos serian todos los problemas que me eh encontrado desarrollando mi primera pagina web, intente hacerla sin ayuda pero no pude.
De antemano muchísimas gracias.
Adjunto un archivo zip con el html, css, js y la multimedia (como lo es el background y el icono de la pagina)

Editado: Agregue las etiquetas de imagen para ver mas claro todo - Rock Lee

Bueno son varios puntos en si mismo vamos paso a paso... primero preguntar ¿Esta en linea o en localhost? puede ser la configuración este dando problemas en si mismo. Ahora para guardar valores podes hacerlo via PHP pero creo vas tener agregar algo de mysql o similar a fuerza mayor, igualmente desde la consola del navegador ¿te salta algun error o similar?


Saludos Familia!

Cita de: Rock Lee en 18 Noviembre de 2021, 19:59
Bueno son varios puntos en si mismo vamos paso a paso... primero preguntar ¿Esta en linea o en localhost? puede ser la configuración este dando problemas en si mismo. Ahora para guardar valores podes hacerlo via PHP pero creo vas tener agregar algo de mysql o similar a fuerza mayor, igualmente desde la consola del navegador ¿te salta algun error o similar?


Saludos Familia!

Hola amigo
Esta todo en local, la verdad no entiendo mucho del tema pero se que todo esta en local, lo que yo hago para pre-visualizar es abrir el index.html en mi navegador, es todo lo que hago.
El problema que tengo es que no se como programar el onclick en JS ya que se me hace muy dificil/conplicado.
Puedes pre-visualizar el código insertando el index.html (o los otros) en el editor de código yo utilizo el sublim text 3, no se si la app tenga algo que ver pero agrego el dato
El problema principal mio es que no se programar en js para que aparezca o desaparezca un Div (por ejem. el div class=equis1 que es una "X") dandole click a un texto utilizando el onclick ya que no se que propiedades tengo que poner en If - Else if - Else.
En pocas palabras me falta la parte de los sryps, si pueden explicarme, mandarme algún vídeo o pagina en donde expliquen este tema estaría fantástico.
El problema de pre-visualizar lo mismo despues de haber cerrado la pagina ya queda en segundo plano,


Los console. log era mas que nada para ver si funcionaba pero no puedo avanzar mas de hay ya que no se que hacer

Tengo hacer algunas pruebas porque en localhost muchas veces me daba problemas por el tipo de configuracion (dependiendo como estas virtualizando todo) y al momento de pasarlo en un host/servidor funciona como es debido. Ahora con lo que pídes para usar js vas a tener encapsular con un poco de php o usar un archivo index.php directo, yo suelo usar jquery para ello parte unificar todo un poco. En este caso tambien influye mi estilo de códificar por eso quiero ser neutro por que es algo malo a la larga porque si recien estas aprendiendo es bueno tomes buenas costumbres que te ayudara mucho mas adelante cuando aprendas mas y complementes mas lenguajes, pero volviendo al tema puede ser que esto te pueda guiar algo >>> GlobalEventHandlers.onclick.

Tambien darte un consejo que al momento de crear tus archivos si empezas a mesclar varios lenguajes tenelos por separado porque entre mas agrupes suelen dar problemas por como tienen sus reglas semanticas y funcionamiento, ademas cada uno tiene sus ventajas y desventajas.


Saludos Familia!

Muchas gracias por la respuesta, lo realicé y me funciono muy bien.