Tengo problemas, escribí código en Jquery, el trabajador pide no usarlo. Esta función debe verificar la plenitud de las entradas
$('document').ready(function() { $('#btn').on('click', function() { $('.registration__labels .rfield').each(function() { if ($(this).val() == '') { console.log(2); $('input[required]').addClass('error'); } else { console.log(1); $('input[required]').removeClass('error'); } }); }); });aquí está el código Jquery, funciona
document.addEventListener('DOMContentLoaded',function validation (){ if(btn.addEventListener("click", function() { ('.registration__labels .rfield').forEach(() => { if (document.getElementsByClassName('input[type=text]').value == '') { console.log(2); (".input[required]").classList.add('error'); } else { console.log(1); (".input[required]").classList.remove('error'); } } )}))[validation]});y este soy yo tratando de traducirlo a javascript y no funciona. Ayudame por favor
una manera de hacer eso...
window.addEventListener('DOMContentLoaded', () => { const allRegLabs = document.querySelectorAll('.registration__labels .rfield') document.querySelector('#btn').onclick = () => { allRegLabs.forEach( el => { let err = el.classList.toggle('error', (el.value === '')) console.log( (err ? '2':'1' )) }) } })