Cambiar estilos, problema en evento.
Publicado por Mario Fernández (3 intervenciones) el 27/02/2016 10:44:03
Algo tengo que estar haciendo mal. Os explico:
Tengo dos elementos: <p> y <button>. La historia es que quiero consguir que cuando pulse el boton el elemento <p> quede modificado con ciertos estilos.
Código HTML:
Código JS:
El error debe estar en el elemento click ya que si pongo en el addEventListener el evento load sí que lo carga. Si alguien me puede ayudar... Muchas gracias.
Tengo dos elementos: <p> y <button>. La historia es que quiero consguir que cuando pulse el boton el elemento <p> quede modificado con ciertos estilos.
Código HTML:
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>ESTILOS JAVASCRIPT</title>
<script src="estilos.js"></script>
</head>
<body id="principal">
<p>Este es un texto normal</p>
<button id="boton">Convertir</button>
</body>
</html>
Código JS:
1
2
3
4
5
6
7
8
9
10
function nuevoestilo()
{var elem = document.querySelector("#principal p");
elem.style.background = "#333333";
elem.style.border = 1;
elem.style.margin = 200;
elem.style.padding = 30;
}var bot1 = document.getElementById("#boton");
bot1.addEventListener("click",nuevoestilo);
El error debe estar en el elemento click ya que si pongo en el addEventListener el evento load sí que lo carga. Si alguien me puede ayudar... Muchas gracias.
Valora esta pregunta
0
