Как обновить событие onclick элемента, используя чистый JavaScript?

Question

как изменить onclick = "javascript: func-x ()"

<input type="button" onclick="javascript:func-x()" value="MENU" id="btn">

на onclick = "javascript: func-y ()" с тем же идентификатором на javascript?

<input type="button" onclick="javascript:func-y()" value="MENU" id="btn">

Я пробовал:

var c = document.getElementById('btn'); //input#btn
// ...

Но я не знаю, что продолжить ...

Answer 1

Вы можете попробовать использовать метод setAttribute, например:

function func_x(input) {
  console.log('I\'m func_x function');
  
  input.setAttribute('onclick', 'javascript:func_y()');
}

function func_y() {
  console.log('I\'m func_y function');
}

<input type="button" onclick="javascript:func_x(this)" value="MENU" id="btn">

Answer 2

Javascript:

document.getElementById("btn").attribute("onclick","javascript:func-y()");

Jquery:

$("#btn").attr("onclick","javascript:func-y()");