CODEWITHSUNDEEP
javascripthtml
laryhaks
laryhaks

Reputation: 3

HTML link to external javascript not working

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.

window.onload = function(){
document.getElementById("demo").onmouseover = function() {mouseOver()};
document.getElementById("demo").onmouseout = function() {mouseOut()};
function mouseOver(){
    document.getElementById("dem").style.display = "inline";
}
function mouseOut(){
    document.getElementById("dem").style.display = "none";
}
};

Here is my HTML

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="indexahnew.js"> 
</script>
<link rel="stylesheet" type="text/css" href="first.css">
<div class="container" id='1'><a href="#" class="button" >about me</a>

<a href="www.google.com"; class="button"; id="demo">contact</a>
<a href="www.google.com" class="button" >canvas</a>
<a href="group.html" class="button" >our group</a>
<a href="www.google.com" class="button" >my blog</a></div>

</head>
<body background= 'green.jpg'; >
<div class="contact" style="display:none;" id="dem">
<ul><li>Contact number&nbsp: 1234567890</li>
<li>    Email &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:[email protected]</li>
</ul>
</div>

</body>
</html>

Upvotes: 0

Views: 9551

Answers (3)

ATA
ATA

Reputation: 1

You may need to move the script tag to the bottom of the page, as javascript reads up-down. With that said, putting the tag at the bottom of the body so the javascript is applied to the whole page might be a good try.

Upvotes: 0

nikjohn
nikjohn

Reputation: 21910

  1. Check Chrome Developer to see if the js file is being included
  2. Is the path correct? Should it be '/indexahnew.js'?
  3. Remove the new line in the script tag
  4. Add the script tag to the end of your html body instead of the head (best practice)

Upvotes: 1

Ibu
Ibu

Reputation: 43850

Change your script tag from this:

<script src="indexahnew.js"> 
</script>

to: 

<script src="indexahnew.js" type="text/javascript"></script>

No new lines or spaces are allowed between the opening or closing unless you are goint to add the script on the page.

Upvotes: 0

Related Questions