[fixed] Onclick not working

Question

I wanted to change image and text when user clicks a button. But nothing happens after clicking button 😢
Why ?
https://code.sololearn.com/Wcqmj0SjU7yR/?ref=app

Answer 1

"click" function name doesn't work. Please rename your function. Hope it works.

Here is the explanation:

https://stackoverflow.com/questions/4388443/javascript-function-name-cannot-set-as-click#:~:text=Because%20there's%20a%20.

Answer 2

https://code.sololearn.com/W5wS74eCmjh3/?ref=app

Answer 3

The 'click' by itself is NOT a javascript reserved keyword outside the context of the inline event handler .

That is to say the "click" method defined in the question is valid.

//I hope this works

Try by using event handler 'externally' will work. E.g. using jQuery:

$('input').click(click);

Answer 4

wlcm :D

Answer 5

Change the name of the click function
Try anything else other than click and it will work

Answer 6

For Cross-platform capabilities, try using this function that I, Kode Krasher and a few others brought up and have been using every since, main credits to Kode krasher

const eventBasedOnDevice = navigator.userAgent.match(/ipod|ipad|iphone/i) ? 'touchstart' : 'click';

document.getElementById(/*id of whatever you want to check for clicks/*).addEventListener(eventBasedOnDevice, function event(event) {

touchHandler(); //what you want to happen onclick
})

Answer 7

Ruba Kh , Satnam , Aditya
Thank you all.😊
But is "click" a reserved word for JavaScript ?

Answer 8

Kode Krasher
Is the line

navigator.userAgent.match(/ipod|ipad|iphone/i)

to know whether the user device is Android/ iPhone/ other ?

Answer 9

Kode Krasher
Hmm I could do that after a long experiment 😅😅

https://code.sololearn.com/WB2xjlW46c3c/?ref=app

Answer 10

Aditya
Oh I got it
Thank you very much again 😊

Answer 11

Sofi💞 Thank you 😊
I got it now

Answer 12

Kode Krasher
Thank you very much Sir for explaining it

Answer 13

مهان علوی مجد
But I don't know what is eventlistner, as I have not completed JavaScript 😔.
Can you please give an example how it works ?

Answer 14

Kode Krasher
Thank you
I was also thinking to use arrays, so that we can use many images as we wish.

But I couldn't understand this

if ( theMsg === messages[1] )

How does this count the number of clicks or how does it work ?

Answer 15

Vachila64☕
Would you please give an example ? (code)
I couldn't understand that function 😢

Answer 16

Kode Krasher
I have not tried yet 😅
Let me try first

Answer 17

change name of function to clickme for example.
you can't use "click" for name of a function.

Answer 18

Kode Krasher
Again I had never tried such projects 😅. But let me try once.

Answer 19

Kode Krasher
Thank you again 😊

Answer 20

Kode Krasher
Oh now I got it

First it checks whether (theMsg === messages[1]) or not

Then it returns false, so it exicutes else statement and changes to to Second image and text.
When we press the button again, the if condition returns true and again changes to first image and text.
In this way the loop continues.

Am I right ?