Bug in code

Question

Why doesn't the "blur" function work?😕

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

Answer 1

Vasiliy

I'm sorry but I misspoke, while jQuery does have a blur() event I found that Javascript has a blur() method -
https://www.w3schools.com/jsref/met_html_blur.asp
And I will not make anymore assumption on the cause of the problem.

Answer 2

ODLNT
Yeah i did it too ☺.
But why? 😕
Why is there no conflict with other names, such as "opacity"?

Answer 3

Vasiliy

The only thing I can think of is that jQuery has a blur() event and even though jQuery uses $ to avoid conflicts I still believe this to be the cause of your problem

https://www.w3schools.com/jquery/jquery_ref_events.asp

Answer 4

ODLNT 👏👏👏
THANK YOU VERY MUCH for clarification and reference, this is what you need for the future.
How did you find this article when solving this problem, or did you know it initially?☺

Answer 5

ODLNT
Thanks again for the information on the operation of the method "blur" together with the method "focus". ☺

Answer 6

Vasiliy

The appears to be a naming conflict. I changed blur() to fuzzy() and the blur button worked.

Answer 7

Vasiliy

w3schools is one my goto references when dealing with web issues. So when I looked at your code I decided to search w3schools for anything on "jQuery blur", but I totally blanked out on jQuery is javascript hence the misspoke post.

Answer 8

Good