Buenos días, acabo de iniciarme en JavaScript hace unos días, y tengo un problema con el siguiente código:
<script>
function mostraralerta() {
alert("hizo clic!");
}
function hacerclic() {
document.getElementById("boton").onClick = mostraralerta();
}
window.onload=hacerclic();
</script>
</head>
<body>
<div id="principal">
<input type="button" id="boton" value="Haz click">
<p>No puede hacer Clic</p>
</div>
He probado igualmente con
document.querySelector("#boton").onClick = mostraralerta();
pero obtengo el mismo resultado. Entiendo que se trate de un error de bulto, pero no doy con él, a ver si podéis iluminarme.
Tras la ayuda recibida el código actualmente está así:
<!DOCTYPE HTML>
<html>
<head>
<script>
function mostraralerta() {
alert("hizo clic!");
}
function hacerclic() {
document.getElementById("boton").onClick = function(){
mostraralerta();
};
}
window.onLoad=hacerclic();
</script>
</head>
<body>
<input type="button" id="boton" value="Haz click">
</body>
</html>
Un saludo.
id
es "boton" no "button". En el codigo lo tienes mal, en elquerySelector
no. Ademas, te sale un error en consola diciendo que no puedes poner el eventoonclick
ennull
por no encontrarlogetElementById
y asignar lo que sea, pero congetElementsBy....
devuelve todos los que encuentre (habiendo solo uno debes acceder a la posicion[0]
)