Using a HTML button to call the JavaScript function?

Question

I am new to web development and I do not know how to call a JavaScript function using an HTML button. Can someone tell me what are the different ways to do this?

Answer 1

There are multiple ways to call a JavaScript function using an HTML button for different situations and they are:

1. Defining the function in HTML:

 <input id="click" type="button" value="click" onclick="Function();" />

2. Adding it to a DOM property for an event:

document.getElementById(“click”).onclick =function;

Or 

document.getElementById(“click”).onclick=fuction(){

//Something the function does

};

3. You can also use an event handler :

var element=document.getElementById(“click”);

if(element.addEventListener)

   element.addEventListener(“click”,doFunction,false);

else if(element.attachEvent)

element.attachEvent(‘onclick’,doFunction);

Check out these Web Development online courses to enhance your career!