JSFiddle - React, Tailwind, and code Playground

HTML

<div id="result"></div>

JavaScript

function isValidPassword(pass) {
    var lowerRegex = /[a-z]/;
    var upperRegex = /[A-Z]/;
    var numberRegex = /[0-9]/;
    var specialRegex = /[$@$!%*?&]/;
    
    if (pass.length < 8 || pass.length > 24) {
        return false;
    }
    
    if (pass.match(lowerRegex) && pass.match(upperRegex) && pass.match(numberRegex) && pass.match(specialRegex)) {
        return true;
    }
    
    return false;
}

var passwords = ["12345u$G6789", "234$yC", "df7g4$iou", "123456789", "dfgr56yh!4Rghtdjmh54326453"];

for (var i = 0; i < passwords.length; i++) {
    $('#result').append("<div> " + passwords[i] + " - " + isValidPassword(passwords[i]) + "</div>");
}