const sounds = document.getElementsByClassName("keypress");

let down = false;
let mouse = [0,0];

document.addEventListener("mousemove", event => {
  mouse = [event.clientX, event.clientY];
})

document.addEventListener("keydown", event => {
  if (!down) {
    down = true;
    let toPlay = Math.floor(Math.random() * sounds.length);
    sounds[toPlay].cloneNode(true).play();
    let text = document.createElement("p");
    text.classList.add("text");
    text.textContent = event.key;
    text.style.left = `${mouse[0]}px`;
    text.style.top = `${mouse[1]}px`;
    document.body.appendChild(text);
  }
});

document.addEventListener("keyup", () => {
  down = false;
});