Random Name Generator - Build with assistance of ChatGPT

sEi_

Dec 12th, 2022

694

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

JavaScript 2.11 KB | None | 0 0

raw download clone embed print report

<!DOCTYPE html>
<html>
<head>
<title>Random Name Generator</title>
</head>
<body>
<h1>Random Name Generator</h1>
<label for="origin">Choose origin of a random generated name based on geographic region:</label>
<select id="origin">
<option value="skandinavia">Skandinavia</option>
<option value="spain">Spain</option>
</select>
<label for="gender">Choose gender:</label>
<select id="gender">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
<button onclick="generateName()">COMPUTE</button>
<p id="result"></p>
<script>
function generateName() {
const skandinavianSurnames = ["Johansson", "Andersson", "Karlsson", "Nilsson", "Eriksson"];
const spanishSurnames = ["Garcia", "Fernandez", "Rodriguez", "Martinez", "Sanchez"];
const skandinavianMaleFirstnames = ["Johan", "Lars", "Anders", "Karl", "Erik"];
const skandinavianFemaleFirstnames = ["Anna", "Maria", "Sofia", "Elin", "Emma"];
const spanishMaleFirstnames = ["Juan", "Pedro", "Pablo", "Mario", "Jose"];
const spanishFemaleFirstnames = ["Rocio", "Lucia", "Sara", "Cristina", "Sandra"];
const origin = document.getElementById("origin").value;
const gender = document.getElementById("gender").value;
let firstnames;
if (origin === "skandinavia") {
if (gender === "male") {
firstnames = skandinavianMaleFirstnames;
} else if (gender === "female") {
firstnames = skandinavianFemaleFirstnames;
}
} else if (origin === "spain") {
if (gender === "male") {
firstnames = spanishMaleFirstnames;
} else if (gender === "female") {
firstnames = spanishFemaleFirstnames;
}
}
let surnames;
if (origin === "skandinavia") {
surnames = skandinavianSurnames;
} else if (origin === "spain") {
surnames = spanishSurnames;
}
const surnameIndex = Math.floor(Math.random() * surnames.length);
const firstnameIndex = Math.floor(Math.random() * firstnames.length);
const result = `${firstnames[firstnameIndex]} ${surnames[surnameIndex]}`;
document.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>

Add Comment

Please, Sign In to add comment