Common Events

Mouse, form, and keyboard events

Back to Exercises

Mouse

Hover me

Keyboard

Form

Full Code Used in This Demo

HTML

<button id="btnClick">Click</button>
<div id="box">Hover me</div>
<input id="keyInput">
<form id="demoForm">...</form>

CSS

#box { height: 80px; border-radius: 8px; }

JavaScript

document.getElementById('btnClick').addEventListener('click', () => { document.getElementById('outClick').textContent = 'Clicked!'; });