what's i'm doing wrong in callback function in javascript?

Question

My callback function is not working. What am I doing wrong?

<script>
 $("button").click(fnction(){
  $("p").hide("slow", function(){
    alert("The paragraph is now hidden");
  });
 });
</script>

What do you mean by "not working"? – Andrew Li Oct 29 '20 at 06:02 — Andrew Li, Oct 29 '20 at 06:02
Next time, use your browser's dev-tools to check for errors – Phil Oct 29 '20 at 06:04 — Phil, Oct 29 '20 at 06:04

score 1 · Answer 1 · answered Oct 29 '20 at 06:03

1

the word function is misspelled

$("button").click(fnction(){

Fix it.

$("button").click(function(){

answered Oct 29 '20 at 06:03

Tigran Abrahamyan

score 0 · Answer 2 · answered Oct 29 '20 at 06:06

0

You have a typo. Use arrow functions for callbacks.

<script>
 $("button").click(() => {
  $("p").hide("slow", () => {
    alert("The paragraph is now hidden");
  });
 });
</script>

answered Oct 29 '20 at 06:06

Charlie

Using arrow functions with jQuery comes with its own set of pitfalls. Not really recommended – Phil Oct 29 '20 at 07:35
Thanks. Can you give me a reference? – Charlie Oct 29 '20 at 14:33
[Using jQuery $(this) with ES6 Arrow Functions (lexical this binding)](https://stackoverflow.com/questions/27670401/using-jquery-this-with-es6-arrow-functions-lexical-this-binding) – Phil Oct 29 '20 at 23:27
Thanks. However the 'this' keyword is not used in this particular solution. – Charlie Oct 30 '20 at 07:23

2 Answers2