|
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset=utf-8>
|
|
|
|
|
<title>Namenator</title>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
#header {
|
|
|
|
|
font-size: large;
|
|
|
|
|
height: 3em;
|
|
|
|
|
line-height: 3em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: #24283b;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#content {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#content>.block {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 18%;
|
|
|
|
|
border: 2px solid #bebebe;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
box-shadow: 6px 6px rgba(64, 64, 64, .2);
|
|
|
|
|
padding: 10px;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="header">
|
|
|
|
|
<button id="generator">
|
|
|
|
|
Mais nomes!
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="content"></div>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
(function () {
|
|
|
|
|
const first = [
|
|
|
|
|
["Advogada", 1],
|
|
|
|
|
["Advogado", 0],
|
|
|
|
|
["Androide", 0],
|
|
|
|
|
["Andróide", 1],
|
|
|
|
|
["Apóstolo", 0],
|
|
|
|
|
["Baseado", 0],
|
|
|
|
|
["Betoneira", 1],
|
|
|
|
|
["Borboleta", 1],
|
|
|
|
|
["Bruxa", 1],
|
|
|
|
|
["Bruxo", 0],
|
|
|
|
|
["Cadeira", 1],
|
|
|
|
|
["Carreta", 1],
|
|
|
|
|
["Dragão", 0],
|
|
|
|
|
["Estagiária", 1],
|
|
|
|
|
["Estagiário", 0],
|
|
|
|
|
["Feijão", 0],
|
|
|
|
|
["Guardiã", 1],
|
|
|
|
|
["Guardião", 0],
|
|
|
|
|
["Homem", 0],
|
|
|
|
|
["Iphone", 0],
|
|
|
|
|
["Lavadeira", 1],
|
|
|
|
|
["Morador", 0],
|
|
|
|
|
["Moradora", 1],
|
|
|
|
|
["Moça", 1],
|
|
|
|
|
["Moço", 0],
|
|
|
|
|
["Mulher", 1],
|
|
|
|
|
["Novinha", 1],
|
|
|
|
|
["Novinho", 0],
|
|
|
|
|
["Professor", 0],
|
|
|
|
|
["Professora", 1],
|
|
|
|
|
["Senhorita", 1],
|
|
|
|
|
["Socialite", 1],
|
|
|
|
|
["Soldada", 1],
|
|
|
|
|
["Soldado", 0],
|
|
|
|
|
["Síndica", 1],
|
|
|
|
|
["Síndico", 0],
|
|
|
|
|
["Viking", 0],
|
|
|
|
|
["Viking", 1],
|
|
|
|
|
['Borboleta', 1],
|
|
|
|
|
['Erva', 1],
|
|
|
|
|
['Europeu', 0],
|
|
|
|
|
['Européia', 1],
|
|
|
|
|
['Hobbit', 0],
|
|
|
|
|
['Japones', 0],
|
|
|
|
|
['Japonesa', 1],
|
|
|
|
|
['Lírio', 0],
|
|
|
|
|
['Mochileira', 1],
|
|
|
|
|
['Mochileiro', 0],
|
|
|
|
|
['Samurai', 0],
|
|
|
|
|
['Vovó', 1],
|
|
|
|
|
['Vovô', 0],
|
|
|
|
|
];
|
|
|
|
|
const last = [
|
|
|
|
|
["Acriano", "Acriana"],
|
|
|
|
|
["Alagoano", "Alagoana"],
|
|
|
|
|
["Amapaense", "Amapaense"],
|
|
|
|
|
["Amarelo", "Amarela"],
|
|
|
|
|
["Amazonense", "Amazonense"],
|
|
|
|
|
["Baiano", "Baiana"],
|
|
|
|
|
["Barriga Verde", "Barriga Verde"],
|
|
|
|
|
["Branco", "Branca"],
|
|
|
|
|
["Brasiliense", "Brasiliense"],
|
|
|
|
|
["Capixaba", "Capixaba"],
|
|
|
|
|
["Carente", "Carente"],
|
|
|
|
|
["Carioca", "Carioca"],
|
|
|
|
|
["Carpinteiro", "Carpinteira"],
|
|
|
|
|
["Casado", "Casada"],
|
|
|
|
|
["Cearense", "Cearense"],
|
|
|
|
|
["Com Arroz", "Com Arraoz"],
|
|
|
|
|
["Com Feijão", "Com Feijão"],
|
|
|
|
|
["Concreto", "Concreto"],
|
|
|
|
|
["Da Alegria", "Da Alegria"],
|
|
|
|
|
["Da Cama", "Da Cama"],
|
|
|
|
|
["Da Ciência", "Da Ciência"],
|
|
|
|
|
["Da Conspiração", "Da Conspiração"],
|
|
|
|
|
["Da Escola", "Da Escola"],
|
|
|
|
|
["Da Galáxia", "Da Galáxia"],
|
|
|
|
|
["Da Monarquia", "Da Monarquia"],
|
|
|
|
|
["Da Rua", "Da Rua"],
|
|
|
|
|
["Da Semana", "Da Semana"],
|
|
|
|
|
["Da Terra", "Da Terra"],
|
|
|
|
|
["Da Zona Leste", "Da Zone Leste"],
|
|
|
|
|
["Da Zona Oeste", "Da Zona Oeste"],
|
|
|
|
|
["Da Zona Sul", "Da Zona Sul"],
|
|
|
|
|
["Da Zona", "Da Zona"],
|
|
|
|
|
["Da Zone Norte", "Da Zona Norte"],
|
|
|
|
|
["Das Estrelas", "Das Estrelas"],
|
|
|
|
|
["Das Galáxias", "Das Galáxias"],
|
|
|
|
|
["De Carne", "De Carne"],
|
|
|
|
|
["De Dados", "De Dados"],
|
|
|
|
|
["De Verdade", "De Verdade"],
|
|
|
|
|
["Do Ar", "Do Ar"],
|
|
|
|
|
["Do Brasil", "Do Brasil"],
|
|
|
|
|
["Do Engenho", "Do Engenho"],
|
|
|
|
|
["Do Estado", "Do Estado"],
|
|
|
|
|
["Do Japão", "Do Japão"],
|
|
|
|
|
["Do Mar", "Do Mar"],
|
|
|
|
|
["Do Nordeste", "Do Nordeste"],
|
|
|
|
|
["Do Norte", "Do Norte"],
|
|
|
|
|
["Do Ocidente", "Do Ocidente"],
|
|
|
|
|
["Do Oriente", "Do Oriente"],
|
|
|
|
|
["Do Prédio", "Do Prédio"],
|
|
|
|
|
["Do Pão", "Do Pão"],
|
|
|
|
|
["Do Rio", "Do Rio"],
|
|
|
|
|
["Do Sul", "Do Sul"],
|
|
|
|
|
["Dos Dados", "Dos Dados"],
|
|
|
|
|
["Fluminense", "Fluminense"],
|
|
|
|
|
["Furacão", "Furacão"],
|
|
|
|
|
["Gaúcho", "Gaúcha"],
|
|
|
|
|
["Goiano", "Goiana"],
|
|
|
|
|
["Júnior", "Júnior"],
|
|
|
|
|
["Maranhense", "Maranhese"],
|
|
|
|
|
["Mineiro", "Mineira"],
|
|
|
|
|
["Nordestino", "Nordestina"],
|
|
|
|
|
["Novato", "Novata"],
|
|
|
|
|
["Paraense", "Paraense"],
|
|
|
|
|
["Paraibano", "Paraibana"],
|
|
|
|
|
["Paranaense", "Paranaense"],
|
|
|
|
|
["Paranaense", "paranaense"],
|
|
|
|
|
["Paulista", "Paulista"],
|
|
|
|
|
["Pobre", "Pobre"],
|
|
|
|
|
["Premiado", "Premiada"],
|
|
|
|
|
["Preto", "Preta"],
|
|
|
|
|
["Vacianado", "Vacinada"],
|
|
|
|
|
["Velho", "Velha"],
|
|
|
|
|
["Verde", "Verde"],
|
|
|
|
|
["Vermelho", "Vermelha"],
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
function getRandomInt(max) {
|
|
|
|
|
return Math.floor(Math.random() * max);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function generate() {
|
|
|
|
|
const initial = first[getRandomInt(first.length)];
|
|
|
|
|
const final = last[getRandomInt(last.length)];
|
|
|
|
|
const name = initial[0] + " " + final[initial[1]];
|
|
|
|
|
|
|
|
|
|
if (name.length > 19) {
|
|
|
|
|
return generate();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return name;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function show() {
|
|
|
|
|
let base = document.createElement("div");
|
|
|
|
|
base.className = "block";
|
|
|
|
|
|
|
|
|
|
for (let i = 0; i < 5; i++) {
|
|
|
|
|
let name = document.createElement("p");
|
|
|
|
|
name.innerHTML = generate();
|
|
|
|
|
base.append(name);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
document.getElementById("content").append(base);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const btn = document.getElementById("generator");
|
|
|
|
|
btn.addEventListener("click", () => show());
|
|
|
|
|
|
|
|
|
|
show();
|
|
|
|
|
})();
|
|
|
|
|
</script>
|
