JS eventos
Ejercicio 42:
1. Crear una página en HTML, agregar mínimamente:
a. Un nombre a la página
b. Utilizar distintos eventos para aparecer (onclick, onmouseover) y desaparecer (onmouseout, onload) una frase
index.html
<!DOCTYPE html>
<html>
<head>
<title>JS eventos</title>
</head>
<body>
<h1>Eventos de JS</h1>
<p>Pulse el botón para desaparecer y aparecer el texto</p>
<button onclick="mostrar()">Onclick</button>
<button onload="esconder()">Onload</button>
<button onmouseover="mostrar()" onmouseout="esconder()">Onmouseover y Onmouseout</button>
<script>
function mostrar() {
document.getElementById("demo").innerHTML = "Texto Mostrado";
}
function esconder() {
document.getElementById("demo").innerHTML = "";
}
</script>
<p id="demo"></p>
</body>
</html>
Comentarios
Publicar un comentario