(index):69 Uncaught TypeError: name is not a function at HTMLButtonElement.onclick ((index):69)

Question

I was just a creating a program in JavaScript and then this error pops up. I have researched it, but all the cases seem to be different to mine. Any help would be greatly appreciated.

 function name() {
       var divi = document.getElementById('form_div');
       divi.style.display = 'none';
}

<div id='form_div'>

    <form id='div_form'>
        <input maxlength="15" style='position: center;' type="text"  placeholder="Nick" id="namebox"/>
    </form>
    
    <button onclick='name();'>Go!</button>
    <p>Type in your nick and press go!</p>
</div>

(This script element is placed before the html shown above)

score 2 · Accepted Answer · answered Sep 02 '17 at 14:07

The function name you have defined is giving error, if you change it the code works.

You should also avoid using the name of JavaScript built-in objects, properties, and methods. Refer: JavaScript Reserved Words

<div id='form_div'>
<form id='div_form'>
<input maxlength="15" style='position: center;' type="text"  
placeholder="Nick" id="namebox"/>
</form>
<button onclick='functionName()'>Go!</button>
<p>Type in your nick and press go!</p>
</div>
<script>
function functionName() {
   var divi = document.getElementById('form_div');
   divi.style.display = 'none';
}

</script>

1

Thanks for the answer – Oscar Peace Sep 02 '17 at 14:13

(index):69 Uncaught TypeError: name is not a function at HTMLButtonElement.onclick ((index):69)

1 Answers1