key press and onclick javascript code example

Example 1: adding event listener keypress event in javascript

let msg = document.getDocumentById('#message');

msg.addEventListener("keydown", (event) => {
    // handle keydown
});

msg.addEventListener("keypress", (event) => {
    // handle keypress
});

msg.addEventListener("keyup", (event) => {
    // handle keyup
});

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