Jquery to Vanilla Javascript Help!

JavaScript
1

Hey guys, i need some help to translate a jquery code to vanilla javascript !
This is the code:

$(function() {
    $(".buttonClick").click(function () {

 $("input[type=text]").each(function () {
     var validated =  true;
     if(this.value.length < 6)
         validated = false;
     if(this.value.length > 32)
         validated = false;
     if(!/\d/.test(this.value))
         validated = false;
     if(!/[a-z]/.test(this.value))
         validated = false;
     if(!/[A-Z]/.test(this.value))
         validated = false;
     if(/[^0-9a-zA-Z]/.test(this.value))
         validated = false;
     $(this).next('div').text(validated ? "pass" : "fail");
 });
});
 });

what exactly i have to change in this " $ " characters? i have to re-write everything?

2

For the above look into document.querySelector.

For the above look into document.querySelectorAll, but keep in mind, the return value will be NodeList that you will need to iterate through.