<input id="textBox" type="text" />
<div id="output"></div>

div {
  margin: 0.5rem 0;
}

const textBox = document.querySelector("#textBox");
const output = document.querySelector("#output");

textBox.addEventListener("keydown", (event) => {
  output.textContent = `You pressed "${event.key}".`;
});