debugging - How to highlight Javascript missing brackets calling function -
in following html/javascript snippet, i'm missing function's brackets in onclick statement (it should read: onclick="showmessage()").
how missing brackets highlighted
(a) in notepad before display page.
(b) in browser js console after display page?
if not possible besides inspection, there way identify issue more easily?
<html> <head> <script> function showmessage() { document.getelementbyid("messagearea").innerhtml = "hello world"; } </script> </head> <body> <input type="button" value="show message" onclick="showmessage"> <div id="messagearea">---</div> </body> </html>
the problem onclick takes kind of javascript expression, function execution being 1 of them. example:
<script> var = 10 </script> <!--all valid , don't throw errors --> <button onclick="a">nothing happens</button> <button onclick="a++">increment</button> <button onclick="alert(a)">check value</button> <button onclick="undefined">surely not?</button>executing functions showmessage() 1 of it's primary use. , technically it's not error have showmessage without () inside onclick. showmesage function definition, if type showmessage , press enter in browser's console, return function definition , won't throw error. ides don't underline error because it's not error.
Comments
Post a Comment