<!DOCTYPE html> <html> <head> <title>Post Lecture Task</title> </head> <body> <h1 id="demo" onmouseover="mouseOver">Mouse over me</h1> <script src="Documents/postlecture.js"></script> </body> </html>El JS funciona si lo incluyo internamente, pero no sé por qué no funcionará cuando esté conectado como un archivo js externo.
function mouseOver() { document.getElementById("demo").style.color = "red"; }js src dependerá de dónde se encuentre su archivo. también, en este ejemplo, creo que deberías reemplazar
onmouseover="mouseOver"
con onmouseover="mouseOver()"
Si su archivo index.html está en la misma ubicación que el archivo postlecture.js, entonces puede hacer lo siguiente,
<!DOCTYPE html> <html> <head> <title>Post Lecture Task</title> </head> <body> <h1 id="demo" onmouseover="mouseOver()">Mouse over me</h1> <script type="text/javascript" src="postlecture.js"></script> </body> </html> <!--postlecture.js file --> function mouseOver() { document.getElementById("demo").style.color = "red"; }