Quiero aplicar colores al campo de entrada mientras escribo en él, sin embargo, se aplica solo después de hacer clic en el botón "enviar".

 const form=document.querySelector('form'); const submit=document.querySelector('submit'); const pattern=/^[a-zA-Z]{6,12}$/; const feedback=document.querySelector('.feedback'); form.addEventListener('submit', (e)=>{ e.preventDefault(); if(pattern.test(form.username.value)){ feedback.textContent='Nice :)'; }else{feedback.textContent='Too Sad :('} }) form.username.addEventListener('keyup', (e)=>{ if(pattern.test(e.target.value)){ form.username.setAttribute('class', 'success')} else{form.username.setAttribute('class', 'error')} })