Password visibility JetFormBuilder

css.css

input.pass_vis:checked + i:before {
  content: "\f070";
}

Password visibility JetFormBuilder.js

jQuery(document).ready(function( $ ){
    $('.jet-form-builder input[type="password"]').each(function(){
        let id = $(this).attr('id');            
        if($(this).length>0){            
            $(this).closest('div').append(`<label><input class="pass_vis" style="display:none;" type="checkbox" onclick="myFunction('${id}')"><i class="vis-icon fa fa-solid fa-eye"></i></label>`);
            let offset = ($(this)[0].clientHeight - $('.vis-icon')[0].clientHeight)/2;
            $(this).closest('div').css('position', 'relative');
            $(this).siblings().css({
                   'position' : 'absolute',
                   'right' : '20px',
                   'top' : `${offset}px`,
                'cursor': 'pointer'
            });
        }
    })
});
        function myFunction(id) {
              var x = document.getElementById(`${id}`);
              if (x.type === "password") {
                x.type = "text";
          } else {
            x.type = "password";
          }
        } 

https://gyazo.com/12f07fd7bf1360dcb87e0cb79c377036