You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
192 lines
4.2 KiB
192 lines
4.2 KiB
<!DOCTYPE HTML> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset=utf-8> |
|
<title>HUE HUE Name Generator</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], |
|
["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], |
|
["Síndica", 1], |
|
["Síndico", 0], |
|
["Soldado", 0], |
|
["Soldada", 1], |
|
["Viking", 0], |
|
["Viking", 1], |
|
]; |
|
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 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"], |
|
["De Carne", "De Carne"], |
|
["De Dados", "De Dados"], |
|
["Do Ar", "Do Ar"], |
|
["Do Brasil", "Do Brasil"], |
|
["Do Estado", "Do Estado"], |
|
["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>
|
|
|