Click Event Not Working in Javascript

Question

This program is supposed to change the background color of the HTML body from a given array of colors. But the colors are not appearing as it should?

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>I Can Click A Rainbow</title>
</head>

<body>
    <button id="button">click me</button>
    <script src="js/script.js"></script>
</body>

</html>

    var button = document.getElementById("button");

var rainbow = ["red", "orange", "green", "blue", "indigo", "violet"];

function change() {
    "use strict";

    document.body.style.background = rainbow[Math.floor(7 * Math.random())];
}

button.addEventListener("click change");

Are there errors in the console? – Goose Mar 11 '16 at 21:40 — Goose, Mar 11 '16 at 21:40

score 2 · Accepted Answer · answered Mar 11 '16 at 21:40

2

Here is a working example

You have a typo here:

button.addEventListener("click change");

make sure to include your function as a function, not part of the string!

button.addEventListener("click", change);

answered Mar 11 '16 at 21:40

Nick Zuber

5,467
3
24
48

@DanielBeck Haha that happens too often when people post the same thing at the same time :) – Nick Zuber Mar 11 '16 at 21:41

Click Event Not Working in Javascript

1 Answers1