JSFiddle - React, Tailwind, and code Playground

by jfriend00

CSS

body {font-family: "Courier New"; font-size: 13px;}
.good {color: green;}
.bad {color: red;}
dt, dd {width: 100px; float: left;}

JavaScript

var testData = [
    "abc32Qdef",
    "abc",
    "1234",
    "abc1234",
    "AAAAAA",
    "ABC1"    
];

var results = ["<dl>"];
var temp;
var re = /[A-Z].*\d|\d.*[A-Z]/;

for (var i = 0; i < testData.length; i++) {
    temp = "<dt>" + testData[i] + "</dt><dd>";
    temp += re.test(testData[i]) ? '<span class="good">pass</span>': '<span class="bad">fail</span>';
    temp += "</dd>";
    results.push(temp);
}

results.push("</dl>");
document.body.innerHTML = results.join("<br>");