isClosingCode

by Vladymyr Shevchuk

HTML

<input id="input" type="text" placeholder="Please press button inside this input">

CSS

input {
  width: 100%;
}

JavaScript

const isClosingCode = e => {
	const codes = {
  	tab: 9,
    enter: 13,
    esc: 27
  };
  const {keyCode} = e;
  console.error(`keyCode: ${keyCode}`);	
  return Object.values(codes).includes(keyCode);
};

console.assert(isClosingCode({keyCode: 9}), 'should return true for Tab button');
console.assert(isClosingCode({keyCode: 13}), 'should return true for Enter button');
console.assert(isClosingCode({keyCode: 9}), 'should return true for Esc button');
console.assert(isClosingCode({keyCode: 8}) === false, 'should return false for Backspace button');

const $input = document.getElementById('input');

$input.addEventListener('keydown', e => {
	const msg = 'One of the next buttons: "Tab", "Enter", "Esc", was pressed ⌨️';
	if (isClosingCode(e)) alert(msg);
})