I have problems, I wrote code in Jquery, the worker asks not to use it. This function should check the inputs for fullness

$('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');
        }
      });
    });
});

here is the Jquery code, it works

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]});

and this is me trying to translate it into javascript and it doesn’t work. Help me pls