JavaScript - Problemas con eventos en JavaScript

Problemas con eventos en JavaScript

Publicado por Marianela (2 intervenciones) el 23/02/2023 14:09:23

Hola, recién estoy empezando, buscaba añadirle funcionalidad a un Icono, al clickear sobre el quería que me muestre un contenido oculto, pero no logro que funcione. Envío el código

En Html

<i id= "botonmail" class="fa-sharp fa-solid fa-envelope"></i>
<li id="mail" style="display:none" >E-mail: [email protected]</li>

En JavaScipt

document.getElementById('botonmail').onclick = function () {
document.getElementById('mail').style.display='block' ;
}

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Problemas con eventos en JavaScript

Publicado por Jefferson (22 intervenciones) el 24/02/2023 01:33:10

Prueba

botonmail.addEventListener("click", (event) => {

document.getElementById('mail').style.display='block';

});

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 4

Val: 2.019

Problemas con eventos en JavaScript

Publicado por ScriptShow (692 intervenciones) el 26/02/2023 23:15:45

Saludos,

veamos una posibilidad simple:

<P><i id= "botonmail" class="fa-sharp fa-solid fa-envelope">B O T O N</i></P>

<ul><li id="mail" style="display:none" >E-mail: francisca.donelli@example.com</li></ul>

<script>

document.getElementById('botonmail').onclick=function() {

document.getElementById('mail').style.display='block' ;

</script>

Espero sea útil.

Valora esta respuesta

Comentar

ExtensionChrome para recargar web

abrir y cerrar pagina ne la misma ventana