Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const form = document.querySelector('form'); const emailInput = document.querySelector('#email'); form.addEventListener('submit', function(e) { e.preventDefault(); const data = new FormData(form); console.log(Object.fromEntries(data)); }); emailInput.addEventListener('input', function() { console.log('Live value:', this.value); }); emailInput.addEventListener('change', function() { console.log('Changed to:', this.value); }); emailInput.addEventListener('focus', () => { emailInput.style.outline = '2px solid blue'; }); emailInput.addEventListener('blur', () => { emailInput.style.outline = ''; });
Result
Open