Name Generator

by Tgwizman

HTML

<div id="name"></div>
<div id="num"></div>

CSS

body {
    background-color: #333;
}

#name {
    margin: 20px auto;
    padding: 20px;
    font-size: 72pt;
    font-family: sans-serif;
    text-align: center;
    color: #FFF;
    background-color: #666;
}

#num {
    margin: 0px auto;
    padding: 3px 7px;
    font-size: 14pt;
    font-family: sans-serif;
    text-align: center;
    color: #FFF;
    background-color: #666;
}

JavaScript

s1 = ["U","Uni","Mul","Multi","Lit","Ca","Goo",""];
s2 = ["ni","ti","co","ver","er","ner","re","pa","nel",""];
s3 = ["con","rn","se","er","no","alm","so","gle",""];

names = [];

for (x=0;x<s1.length;x++) {
    for (y=0;y<s2.length;y++) {
        for (z=0;z<s3.length;z++) {
            names.push(s1[x]+s2[y]+s3[z]);
        }
    }
}

rand = Math.floor(Math.random()*names.length);

document.querySelector("#name").innerHTML = names[rand];
document.querySelector("#num").innerHTML = ++rand + " of " + names.length;