JavaScript

Browser Events

<h1>Click here & Press the "Enter" key</h1>
<p id="message">This text will update when you click inside this Preview section and press the "ENTER" key.</p>

body {
    font-family: Roboto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f0f0f0;
    padding: 0 50px;
    flex-gap:20px;
}

const messageParagraph = document.getElementById('message');

function handleKeyDown(event) {
    if (event.key === 'Enter') {
        messageParagraph.textContent = 'Enter key pressed once!';
    }
}

document.addEventListener('keydown', handleKeyDown);