Как вызвать событие onclick на чистом javascript, без html?

Question

[vrazrabotchik]

Здравствуйте, всегда писал код так:
<button onclick="fun()">Жми</button>
Но все говорят что это ужасный код, мне очень нравиться и удобно, нужно вызывать этот onclick методом javascript, как это можно сделать ? а так же плохо ли использовать с помощью html?

Comments

[Hyubert]

button.addEventListener('click', fun, false);

[vrazrabotchik]

Hyubert: Извиняюсь, а функцию куда буду писать? если отуда убрать onclick))

[Hyubert]

var button = document.getElementById('btn');

все пишите в файл js

fun (e) {
инструкция;
}

button.addEventListener('click', fun, false);

// e - елемент по которому кликнули

[vrazrabotchik]

Hyubert: ААА, ясненько. Спасибо большое :)

Answer 1

[alex]

https://jsbin.com/cihetibiro/1/edit?html,js,output

const button = document.querySelector('button');

function fun() {
  alert('fun')
}

button.onclick = fun;
// or
button.addEventListener('click', fun, false);