JSFiddle - React, Tailwind, and code Playground

by Sebastian Kay

HTML

<center>
  <button onclick="disableEvent(this.id)" id="click">Click me</button>
  <input type="text" id="demo">

</center>

JavaScript

let btn = document.getElementById('click');
let demo = document.getElementById('demo');

function disableEvent(id){
	document.getElementById(id).textContent = "Eventlistener removed"
	document.removeEventListener('keydown', clicked);
}

const clicked = (e) => {
  demo.value = e.keyCode;
  //btn.disabled = true; // this line is disabling the button
  //document.removeEventListener('keydown', clicked) //  this line removes the event listener right after clicking the button
}

document.addEventListener('keydown', clicked)