Browse Source

Trying to make it flex

main
Julio Biason 2 years ago
parent
commit
41f6bb0a8d
  1. 291
      index.html

291
index.html

@ -1,135 +1,178 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>HUE HUE Name Generator</title>
</head>
<body>
<div id="content"></div>
</body>
<head>
<meta charset=utf-8>
<title>HUE HUE Name Generator</title>
<style type="text/css">
#content {
display: flex;
justify-content: space-around;
flex-direction: row;
}
#content>.block {
flex: auto;
}
</style>
</head>
<body>
<div>
<button id="generator">
Mais!
</button>
</div>
<div id="content"></div>
</body>
</html>
<script>
(function() {
const first = [
["Advogada", 1],
["Advogado", 0],
["Androide", 0],
["Andróide", 1],
["Apóstolo", 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],
["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"],
["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"],
["Fluminense", "Fluminense"],
["Furacão", "Furacão"],
["Gaúcho", "Gaúcha"],
["Goiano", "Goiana"],
["Júnior", "Júnior"],
["Maranhense", "Maranhese"],
["Mineiro", "Mineira"],
["Nordestino", "Nordestino"],
["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 () {
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 getRandomInt(max) {
return Math.floor(Math.random() * max);
}
function show() {
let base = document.createElement("div");
base.className = "block";
function generate() {
const initial = first[getRandomInt(first.length)];
const final = last[getRandomInt(last.length)];
for (let i = 0; i < 5; i++) {
let name = document.createElement("p");
name.innerHTML = generate();
base.append(name);
}
return initial[0] + " " + final[initial[1]];
}
document.getElementById("content").append(base);
}
function show() {
let name = document.createElement("p");
name.innerHTML = generate();
document.getElementById("content").append(name);
}
const btn = document.getElementById("generator");
btn.addEventListener("click", () => show());
show();
})();
show();
})();
</script>
Loading…
Cancel
Save