Is it okay to fix the uncaught syntaxerror: missing ) after argument list problem?

Question

How to solve the problem - uncaught syntaxerror: missing ) after argument list? I have the sample detail:

var nav = document.getElementsByClassName('nav-coll');
 for (var i = 0; i < button.length; i++) {
  nav[i].addEventListener('click',function(){
  console.log('haha');
  }
  }, false);
 };

While I was running it, I found the warning message:

SyntaxError: missing ) after argument list

That is my question in my midterm exam, and it is urgent. I searched the solutions on some websites, but I didn't get it. I may miss any line or other changes. I appreciate your assistance!

lyytutoria · Accepted Answer

The cause:

This error happens because you we are causing a syntax error when you call a function. In particular, you are having an extra } as following:

var nav = document.getElementsByClassName('nav-coll');
for (var i = 0; i < button.length; i++) {
nav[i].addEventListener('click',function(){
console.log('haha');
} // <-- REMOVE THIS :)
}, false);
};

Solution:

jsFiddle is a good tool which can help you resolve this error. You can creat a fiddle with your invalid code and click the TidyUp button. If there are any possible errors with missing braces, it will format and make your code clearlier.

Mohamed Castel · Answer

Your function has an additional closing }.

var nav = document.getElementsByClassName('nav-coll');
for (var i = 0; i < button.length; i++) {
 nav[i].addEventListener('click',function(){
 console.log('haha');
 } // <== remove this brace
 }, false);
};

To find these things, you should use JSHint and JSLint. These tools can be integrated with many editors or IDEs. Or you can simply paste code into one of the web sites above and request an analysis.

Hugo Julien · Answer

Your function has an additional closing }.

var nav = document.getElementsByClassName('nav-coll');
for (var i = 0; i < button.length; i++) {
 nav[i].addEventListener('click',function(){
 console.log('haha');
 } // <== remove this brace
 }, false);
};

To find these things, you should use JSHint and JSLint. These tools can be integrated with many editors or IDEs. Or you can simply paste code into one of the web sites above and request an analysis.

Mila Said · Answer

As you can see below, you got an additional } for many.

var nav = document.getElementsByClassName('nav-coll');
for (var i = 0; i < button.length; i++) {
 nav[i].addEventListener('click',function(){
 console.log('haha');
 } // <-- REMOVE THIS :)
 }, false);
};

is a great tool to do these things. I created a fiddle using your invalid code. When you click the TidyUp button, it formats your code to make it easier to see if any mistakes are made with missing braces.

– Your code in a fiddle. Have a play!

Sign Up

Sign In

Forgot Password

ITtutoria Latest Questions

Is it okay to fix the uncaught syntaxerror: missing ) after argument list problem?