What's the error here?[SOLVED]

Question

I want to change color when we click on button. Why it isn't happening?

https://sololearn.com/compiler-playground/Wmd39D8t74NG/?ref=app

Answer 1

You cannot assign as style to innerHTML. And textContent generally is preferred over inner HTML for changing text.

https://sololearn.com/compiler-playground/WP75l6YyS494/?ref=app

Answer 2

Happens "click" is reserved in JS. You need to rename the function. (answer provided by Bing)

Another issue is that you chained an assignment to the innerHTML of the element when you define x, which gives x the same value as that assigned to the innerHTML, that is "Heyo".

You probably mean to assign the element to x and use the dot notation on x in the next two statements .

Edit:
The example provided by Lisa shows a work-around without changing the function name!🤯

Answer 3

Harsh https://www.w3schools.com/js/js_reserved.asp
This page on w3school.com lists some reserved words. Maybe it is not complete since it doesn't mention "click", the one we are talking about.

Answer 4

Lochard My head is spinning too much. Please simplify it.

Answer 5

Lisa Then, how can we use onclick attribute of html? Why can't we go with it. Okay, I have brought change in question, let's remove the concept of changing the word.
I am sticking to onclick attribute because, I saw it on w3school.com and it was quite easy as pie.

Answer 6

You can use onclick (see updated example above). As Lochard pointed out, you should name your function differently.

Answer 7

Lisa Now I understood perfectly. And also added some more functions.
One more thing, can you tell me some reserved words which should not be used?

Answer 8

Harsh You can simply change the function name to anything that is not a reserved word and it will work.

You can also add the assignment to the innerHTML as a separate statement. It will also work.

https://sololearn.com/compiler-playground/W5RBXm0JiWLF/?ref=app

Answer 9

Lisa Excuse me Mentor, I have one more question regarding css and definitely not related to this code. It is from a sololearn project. So, should I ask it here or dm you?