Simple javascript code for a button doesn't work in any browser

Question

I tried to make a little script for a button on my website, but it doesn't work in any browser.

I don't see why it doesn't work. Can you guys take a look at it please to see what's wrong.

This is the HTML:

    <!DOCTYPE html>
<html>
    <head>
        <title>Button Magic</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
     <div><br/><strong>Click Me!</strong></div>   
    </body>
</html>

This is the CSS:

    div {
    height: 60px;
    width: 100px;
    border-radius: 5px;
    background-color: #69D2E7;
    text-align: center;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    opacity: 0.25;
}

And this is the javascript:

$(document).ready(function (){
    $('div').mouseenter(function() {
        $('div').fadeTo('slow', 1);
    });

    $('div').mouseleave(function() {
        $('div').fadeTo('slow', 0.25);
    });

});

Thanks in advance!!

Rory McCrossan · Accepted Answer · 2013-11-23 12:56:15Z

4

You need to include jquery.js to your page.

<!DOCTYPE html>
<html>
    <head>
        <title>Button Magic</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
     <div><br/><strong>Click Me!</strong></div>   
    </body>
</html>

Note, that above example is using a copy of jQuery 1.10.2 from Google's CDN. You can amend this to a different version if required.

answered Nov 23, 2013 at 12:56

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user3024879 Over a year ago

How do I know which version I have to use?

Rory McCrossan Over a year ago

You should always use the latest one, unless you have some specific functionality you need to support.

Collectives™ on Stack Overflow

Simple javascript code for a button doesn't work in any browser

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related