Javascript Click function not working?

Question

I am trying to make my new website more interactive so have decided to lift some javascript from my old website which used to make the body background in CSS change color when a button is pressed. Now i have added all the code into my new website it just doesn't work at all, I have no idea why,

Here is my HTML

<input id="bodycolorgreen" type="button" value="Green">

Here is my Javascript

$(document).ready(function () {

  $("#bodycolorgreen").click(function () {
    $("body").css("background-color", "green");
  });
});

, Currently my CSS code for body is;

body {
  background-color:black;
}

Basically all I am trying to do is when the button named "bodycolorgreen" is pressed I want it to change the page background to green.

Here is my Linking pages just in case I have lined them wrong.

<link rel="stylesheet" href="stylesheet.css" type="text/css">
<script type="text/javascript"  src="javascript.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

FYI, you could press F12 in browser on windows, you'll discover a completly new world, awesome! — A. Wolff
– A. Wolff, Commented Apr 6, 2014 at 12:23

Arun P Johny · Accepted Answer · 2014-04-06 12:22:37Z

5

Since your script file is using jQuery, it has to be included first

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript"  src="javascript.js"></script>

answered Apr 6, 2014 at 12:22

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

Javascript Click function not working?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related