I am new to JavaScript. I created an external script for my webpage but it’s not working. But when I write it inside the html it works fine. Here is my script.
JavaScript
x
11
11
1
window.onload = function(){2
document.getElementById("demo").onmouseover = function() {mouseOver()};3
document.getElementById("demo").onmouseout = function() {mouseOut()};4
function mouseOver(){5
document.getElementById("dem").style.display = "inline";6
}7
function mouseOut(){8
document.getElementById("dem").style.display = "none";9
}10
};11
Here is my HTML
JavaScript
1
25
25
1
<!DOCTYPE html>2
<html>3
<head>4
<title></title>5
<script src="indexahnew.js"> 6
</script>7
<link rel="stylesheet" type="text/css" href="first.css">8
<div class="container" id='1'><a href="#" class="button" >about me</a>9
10
<a href="www.google.com"; class="button"; id="demo">contact</a>11
<a href="www.google.com" class="button" >canvas</a>12
<a href="group.html" class="button" >our group</a>13
<a href="www.google.com" class="button" >my blog</a></div>14
15
</head>16
<body background= 'green.jpg'; >17
<div class="contact" style="display:none;" id="dem">18
<ul><li>Contact number : 1234567890</li>19
<li> Email                 :email@gmail.com</li>20
</ul>21
</div>22
23
</body>24
</html>25
Advertisement
Answer
- Check Chrome Developer to see if the js file is being included
- Is the path correct? Should it be ‘/indexahnew.js’?
- Remove the new line in the script tag
- Add the script tag to the end of your html body instead of the head (best practice)