New course! Every coder should learn Generative AI!
Try a free lesson0
Somebody knows what is wrong in "addEventListener"?
var arr = document.getElementById("fecha"); arr. addEventListener("click",horaActual,false);
5 Answers
+ 2
Your script is in the <head>, so it is loaded before html <body> content, and when you attempt to get the element by id, the element doesn't yet exist, so your 'arr' variable contains 'null'...
You can fix it by at least two way:
- embed your code ( at least the two lines initializing the event listener ) in a function attributed to the window.onload event
- inline the 'fecha' onclick event in the tag ( <p id="fetcha" onclick="horaActual();"> )
0
You have the object (function) horaActual implemented, can't see anything else based on the posted code.
0
Yes, there is a function called horaActual, the error is in that instruction "addEventListener"
0
<!DOCTYPE html>
<html>
<head>
<title>Fecha y saludo</title>
<script type="text/javascript">
function horaActual()
{
var fecha = new Date();
var hora = fecha.getHours();
var minutos = fecha.getMinutes();
var seg = fecha.getSeconds();
alert(hora + ":" + minutos + ":" + seg);
}
var arr = document.getElementById("fecha");
arr. addEventListener("click",horaActual,false);
</script>
</head>
<body>
<p id="fecha">Click para fecha actual</p>
<p>click para saludo</p>
</body>
</html>
0
Thanks for your help, it works perfectly
Often have questions like this?
Learn more efficiently, for free:
Hot today
How to cast in python
2 Votes
Python
1 Votes
HTML Module 3 Quiz
1 Votes
Field name in ef core
0 Votes