Uncaught TypeError: object is not a function onclick

Question

I receive the error "Uncaught TypeError: object is not a function" when clicking on a button in my webpage.

The button code is:

<button id="addUser" name="addUser" onclick="addUser()"> Add User </button>

The code for function addUser is

function addUser() {

    userValue = document.getElementById("userForAdmin");
    passValue = document.getElementById("passForAdmin");
    console.log(userValue.value);
    console.log(passValue.value);
}

Can anyone point out my error? My guess is its likely a basic mistake.

That code seems fine. Can you reproduce this with a jsFiddle.net example? — j08691, Nov 12 '14 at 16:41

score 6 · Answer 1 · answered Nov 12 '14 at 16:43

6

Use different names for the function and the element ID. When you do id="addUser", that creates a global variable window.addUser that refers to the DOM element. This is overriding the function definition with that name.

answered Nov 12 '14 at 16:43

Barmar

741,623
53
500
612

Works fine in Chrome though http://jsfiddle.net/j08691/m95eq3cz/ – j08691 Nov 12 '14 at 16:45

Uncaught TypeError: object is not a function onclick

1 Answers1