html detect key press code example

Example 1: how to detect a keypress in javascript

window.addEventListener("keydown", (event) => {
	console.log(event.key);
});

Example 2: if keypress javascript

// Create your variable and asssign it to your ID or Class in the document using document.querySelector.
let name = document.querySelector('#exampleInputEmail1');

// Now use your variable and add an event listener to it plus your keypress, event and styling
name.addEventListener("keypress", (event) => {
   name.style.border = "3px solid #28a745";
});

Tags:

Html Example

Related