Undefined Error

p5.js Beginners
1

Here is my code.

/*eslint-env es6*/
const button = document.querySelector('button')
const body = document.querySelector('body')
const colors = getRandomColor()

body.style.backgroundColor = 'violet'
button.addEventListener('click', changeBackground)

function changeBackground(){
const colorIndex= parseInt(Math.random(colors.length))
body.style.backgroundColor = colors[colorIndex]
}

I keep getting the message of ERROR: ‘getRandomColor’ is not defined. [no-undef]. I’m not sure what this means? I thought I defined it by setting the const. Maybe it just isn’t working with my code? Any ideas?

2

Hello @throwaway ,

Do you have a getRandomColor() function defined anywhere?

I get a similar error:

image
image736×853 54.9 KB

With the function defined:

image
image736×660 34 KB

:)

3

thank you, it worked but I want it to change the background to a random color on click, and now it doesn’t change the colors… any help?