Link button with javascript function

Question

I have a button in html:

<button id="MyButton" onclick="return DoSomething()">Click Me</button>

Is it better to put the onclick property in html or use javascript / DOM to attach a callback to a button click?

Answer 1

It was believed that it was better to attach it via JavaScript. This is categorized as " Unobtrusive JavaScript ." (more specifically here is the separation of behavior from the layout)

document.getElementById('YourID').onclick = nameOfFunctionToBeCalled;

Answer 2

Favorable separation of representation and logic, I suggest that you associate events with it through Javascript:

document.getElementById("MyButton").onclick = function(){
  alert("Button Clicked");
}

Javascript CSS HTML, . Javascript . ( javascript).

Answer 3

jQuery click()

$('#MyButton').click(DoSomething);

Answer 4

Javascript . .js , JS- HTML.

raw DOM :

document.getElementById( "MyButton" ).onclick = DoSomething;

Answer 5

I use an event ondomreadyto assign all of my events, usually waterless in a separate script. All my logic is in one place, and my markup looks a lot neater. I am of the opinion that markup is simply intended to describe the initial structure of the page. The code lives in the code file, and the styles belong in the css file.