onclick attribute can't find Javascript function

Question

I can't manage to link my Javascript function to my 'onclick' html attribute in the span tag.
I keep getting the error:

"Uncaught ReferenceError: closeAndRefresh is not defined" "at HTMLSpanElement.onclick"

My code looks like this:

<div class="error">
    <div id="errorMessage">
        <span onclick="closeAndRefresh();">&#10006;</span>
        <p id="message">
            <?php echo $confirmationMessage ?>
        </p>
    </div>
</div>


<script>
    function closeAndRefresh() {
        <?php $visibility = 'hidden' ?>
        window.location.reload(true);
    }
</script>

I'll also add a screenshot of my code:

Did you try putting the inline script above the HTML in the web page? — GavinBrelstaff
– GavinBrelstaff, Commented Apr 10, 2017 at 11:54
try to wrap your function inside window onload event or better use event listener rather than on click — Vinod Louis
– Vinod Louis, Commented Apr 10, 2017 at 11:56
@MaximDelaet Include your script before your HTML code as your function should be defined before its reference in html — Gaurav Chaudhary
– Gaurav Chaudhary, Commented Apr 10, 2017 at 11:59
I think there is some syntax issue with the first line in the function. when i commented out that line, it worked fine. — iqbal
– iqbal, Commented Apr 10, 2017 at 12:03

Gaurav Chaudhary · Accepted Answer · 2017-04-10 11:56:52Z

4

Your script is after your HTML. Include it before html so that your function is defined

function closeAndRefresh(){
  
        window.location.reload(true);
}

<span onclick="closeAndRefresh();">&#10006;</span>

answered Apr 10, 2017 at 11:56

Gaurav Chaudhary

1,50115 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

James Heffer Over a year ago

Including the <scipt> </script> tags before the html tags resolved this for me! Thanks dude. I always though the script tags go within the <head> tags, which is inherently inside the html tags... Learn something new every day (y)

Giorgio Barchiesi · Accepted Answer · 2022-08-29 06:21:57Z

1

If you have recently added the function to your javascript code, consider clearing the browser's cache, in order to force it reload the javascript code. To check if this is the problem, on your browser show the source html code, find the line where the javascript code is included, and click on it; it will show you the javascript source code the browser is currently using, that may be out of date. Also, as mentioned by others, make sure you include the javascript code before you reference it.

answered Aug 29, 2022 at 6:21

Giorgio Barchiesi

6,2073 gold badges35 silver badges37 bronze badges

1 Comment

David Ndckr Over a year ago

This one helped in my case. Thanks

Floern · Accepted Answer · 2017-04-10 13:00:12Z

0

Try writing the script function closeAndRefresh() in the head tag of your html page.

Maybe the html page is not able to load the script when you write it inside the body.

edited Apr 10, 2017 at 13:00

Floern

34k24 gold badges106 silver badges122 bronze badges

answered Apr 10, 2017 at 12:01

onkar sawant

92 bronze badges

Comments

Murali N · Accepted Answer · 2017-04-10 11:57:53Z

-1

Make sure you reference the function correctly and also try putting the script above or below as it seems to be function not recognized.

answered Apr 10, 2017 at 11:57

Murali N

3,5186 gold badges30 silver badges38 bronze badges

Collectives™ on Stack Overflow

onclick attribute can't find Javascript function

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related