Why won't this give an alert? I need to make it work without JQuery and with the "button" element since the button is being auto-generated. It works if I put the javascript inside the quotes, but I want to call a function.
<button onclick='test()' >click</button>
javascript
function test()
{
alert('hi');
}
Fiddle is being weird. Your code is fine.
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_ev_onclick
Seems to work right for me here.
function test()
{
alert('hi');
}<button onclick='test()' >click</button>
Your function is not working correctly because, script is getting loaded at top of the html page. It should be loaded at the bottom if you want to access the DOM element
No wrap in bodyTo rectify this.
The function test does not work in the jsFiddle environment because what you write in the javascript section is placed into the window.onload handler by jsFiddle.
If you do not want to change any settings, directly add to the global scope like here: https://jsfiddle.net/93a8rtaf/
this.test = function () {
alert('hi');
}<button onclick='test()' >click</button>
onloadhandler, which excludestestfrom the global scope.