Как запустить функцию только один раз при клике на кнопку js?

Запуск функции только один раз при клике на кнопку с помощью Javascript

Была у меня задачка по нажатию кнопки выполнять здоровенную функцию, поискал в Интернете решение — и самым простым вариантом мне показалось просто переопределить функцию пустой, после ее выполнения. Решение ниже.

<input type="button" value="click me" onclick="hi('Jhon')"><br>
<input type="button" value="click me1" onclick="hi('Gerard')"><br>
<input type="button" value="click me2" onclick="hi('Kaoru')">
<script>
function hi(id){
    alert("hi"+id);
}
</script>

Вот решение:

function hi(){
     alert("hi" + id);
     hi = function(){}
}

Сам лично проверил, все работает 🙂