Uncaught ReferenceError: addStu is not defined at HTMLButtonElement.onclick (index.php:196)

Question

I got this error what should i do

<button type="button" class="btn btn-primary" onclick="addStu()">Sign up</button>

function addStu(){
var stuname = $("#stuname").val();
var stuemail = $("#stuemail").val();
var stupass = $("stupass").val();

console.log(stuname);
console.log(stuemail);
console.log(stupass);

}

Answer 1

Share more complete code.

Your JavaScript should either be in a script element or an external .js document referenced by a script element's src attribute. You probably knew that but just being sure.

Most likely, you're loading your addStu function definition after the HTML for your button is rendered and that's your problem.

Try this instead:

function addStu(){
var stuname = $("#stuname").val();
var stuemail = $("#stuemail").val();
var stupass = $("stupass").val();

console.log(stuname);
console.log(stuemail);
console.log(stupass);
}

// Set id="add-student-button" attribute in your button's HTML and then run this:
document.getElementById('add-student-button').addEventListener('click', addStu);
// Also, remove your onclick="addStu" from HTML.

Remember to do like the comments there say. That change separates your HTML from JavaScript a little more. It is part of an approach called "unobtrusive javascript". Unobtrusive JavaScript also recommends making all features work with JavaScript disabled but that's not a concern here. Learn more about unobtrusive JavaScript here:
https://en.wikipedia.org/wiki/Unobtrusive_JavaScript