JSFiddle - React, Tailwind, and code Playground

by AlexGun

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

JavaScript

function runOnKeys(cb,key1,key2) {
	const pressed = new Set();
	document.addEventListener('keydown', e => {
 		console.log(pressed.size)
  	pressed.add(e.code)
	})
  document.addEventListener('keyup', e => {
  	console.log(pressed.size)
  	if (pressed.has(key1) && e.code === key2 || pressed.has(key2) && e.code === key1) {
    cb()
    pressed.clear()
    }
    else {
    pressed.clear()
    }
    console.log(pressed.size)
  })
}

runOnKeys(
  () => alert("Привет!"),
  "KeyQ",
  "KeyW"
);