Javascript удаляет событие и добавляет событие

Question

Эй, ребята, я пытаюсь отключить событие onclick и вернуть его обратно. Отключить это работает нормально с:

 <div id="rob_icon_gui" onclick="robbery()"</div>

function bye() {
document.getElementById("rob_icon_gui").onclick = '';
}

но оно не вернется:

 <div id="rob_icon_gui" onclick="robbery()"</div>

function hallo() {
document.getElementById("rob_icon_gui").onclick = 'robbery()';
}

Спасибо за чтение: D ответы приветствуются

Answer 1

Ваш HTML

<div id="rob_icon_gui clickablediv"</div>

Ваш сценарий

var handler = function() {
  alert( "The quick brown fox jumps over the lazy dog." );
};

Вы можете привязать событие клика как это

$('.clickablediv').bind('click',handler);

и вы можете отменить привязку события клика

$('.clickablediv').unbind('click',handler);

Answer 2

Изменить document.getElementById("rob_icon_gui").onclick = 'robbery()'; на

document.getElementById("rob_icon_gui").onclick = robbery;

function robbery() {
  console.log('Executing Robbery')
}

document.getElementById("rob_icon_gui").onclick = robbery;

<button id='rob_icon_gui'>Click</button>