Uncaught ReferenceError: is not defined at HTMLButtonElement.onclick [duplicate]
I have created my problem on JSFiddle at https://jsfiddle.net/kgw0x2ng/5/. The code is as follows
HTML CODE
<div class="loading">Loading…</div>
<button type="submit" onClick="hideButton()">Hide</button>
<button type="submit" onClick="showButton()">Show</button>
JS CODE
function hideButton(){
$(".loading").hide();
}
function showButton(){
$(".loading").show();
}
I am showing a spinner and I would like the spinner to hide when I click on the “Hide” button. I am getting the following error :
Uncaught ReferenceError: showButton is not defined
at HTMLButtonElement.onclick (VM282:180)
onclick @ VM282:180
VM282:179
Uncaught ReferenceError: hideButton is not defined
at HTMLButtonElement.onclick (VM282:179)
onclick @ VM282:179.
Can someone please suggest a solution?
Thanks
Sachin
Place your script inside the body tag
<body>
// Rest of html
<script>
function hideButton() {
$(".loading").hide();
}
function showButton() {
$(".loading").show();
}
</script>
< /body>
If you check this JSFIDDLE and click on javascript, you will see the load Type body is selected
Same Problem I had… I was writing all the script in a seperate file and was adding it through tag into the end of the HTML file after body tag.
After moving the the tag inside the body tag it works fine.
before :
</body>
<script>require('../script/viewLog.js')</script>
after :
<script>require('../script/viewLog.js')</script>
</body>
The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .
