Launch Teaser Test

body {
font-familie: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
.name-generator-container {
max-width: 100%;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.name-generator-container h1 {
text-align: center;
font-size: 2em;
margin-bottom: 20px;
}
.name-generator-container label {
display: block;
margin-top: 10px;
font-weight: bold;
}
.name-generator-container input, .name-generator-container select {
width: 100%;
padding: 10px;
margin-top: 5px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 3px;
}
.name-generator-container button {
display: block;
width: 100%;
padding: 15px;
margin-top: 20px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
text-align: center;
font-size: 1.2em;
}
.name-generator-container button:hover {
background-color: #0056b3;
}
.name-generator-container .result {
margin-top: 20px;
font-size: 1.5em;
text-align: center;
}
.name-generator-container .error {
color: red;
margin-top: 20px;
text-align: center;
}
@media (max-width: 600px) {
.name-generator-container {
padding: 10px;
}
.name-generator-container h1 {
font-size: 1.5em;
}
.name-generator-container button {
padding: 10px;
font-size: 1em;
}
}

Name Generator
First Letter:

Gender:

Male
Female

Length:

Language:

English
German

Type:

Traditional
Popular
Unusual

Generate Name

class NameGenerator {
constructor() {
this.namesDatabase = {
english: {
male: {
traditional: ["John", "William", "James", "Charles", "George", "Henry", "Edward", "Thomas", "Arthur", "Albert", "Robert", "Joseph", "David", "Richard", "Donald", "Ronald", "Kenneth", "Paul", "Steven", "Andrew", "Joshua", "Kevin", "Brian", "Mark", "Matthew", "Daniel", "Christopher", "Anthony", "Donald", "Jeffrey", "Gary", "Frank", "Scott", "Eric", "Stephen", "Raymond", "Gregory", "Patrick", "Jack", "Dennis", "Jerry", "Tyler", "Aaron", "Jose", "Adam", "Nathan", "Zachary", "Walter", "Kyle", "Carl", "Samuel", "Peter", "Alexander", "Benjamin", "Nicholas", "Timothy", "Jonathan", "Lawrence", "Philip", "Vincent", "Martin", "Roger", "Bruce", "Jeremy", "Keith", "Ralph", "Howard", "Eugene", "Wayne", "Alan", "Louis", "Russell", "Randy", "Dylan", "Evan", "Jordan", "Cameron", "Connor", "Austin", "Christian", "Sean", "Jason", "Brandon", "Justin", "Ryan", "Ethan", "Gabriel", "Isaiah", "Lucas", "Nathaniel", "Oliver", "Parker", "Quentin", "Riley", "Spencer", "Tristan", "Victor", "Wesley", "Xavier", "Yusuf", "Zane"],
popular: ["Liam", "Noah", "Oliver", "Elijah", "James", "William", "Benjamin", "Lucas", "Henry", "Alexander", "Mason", "Michael", "Ethan", "Daniel", "Jacob", "Logan", "Jackson", "Levi", "Sebastian", "Mateo", "Jack", "Owen", "Theodore", "Aiden", "Samuel", "Joseph", "John", "David", "Wyatt", "Matthew", "Luke", "Asher", "Carter", "Julian", "Grayson", "Leo", "Jayden", "Gabriel", "Isaac", "Lincoln", "Anthony", "Hudson", "Dylan", "Ezra", "Thomas", "Charles", "Christopher", "Jaxon", "Maverick", "Josiah", "Caleb", "Ryan", "Nathan", "Isaiah", "Hunter", "Aaron", "Adrian", "Cameron", "Connor", "Eli", "Jeremiah", "Landon", "Robert", "Jameson", "Nicholas", "Dominic", "Cooper", "Roman", "Everett", "Miles", "Santiago", "Sawyer", "Brooks", "Declan", "Weston", "Silas", "Micah", "Ayden", "Vincent", "Bryson", "Damian", "Harrison", "Brayden", "Kingston", "Cole", "Tyler", "Parker", "Jose", "Zachary", "Ashton", "Kevin", "Brandon", "Jason", "Bentley", "Ryker", "Nathaniel", "George", "Luis", "Jace", "Emmett", "Kai", "Malachi"],
unusual: ["Zephyr", "Orion", "Atlas", "Caspian", "Phoenix", "Axel", "Jasper", "Kai", "Milo", "Zane", "Arlo", "Bodhi", "Cyrus", "Dashiell", "Enzo", "Finn", "Gideon", "Hugo", "Indigo", "Jett", "Koa", "Lachlan", "Magnus", "Nash", "Otis", "Quentin", "Rafferty", "Soren", "Talon", "Uriah", "Viggo", "Wilder", "Xander", "Yale", "Zion", "Apollo", "Blaise", "Cato", "Dante", "Eamon", "Fox", "Griffin", "Hendrix", "Iker", "Joaquin", "Kane", "Lennox", "Maddox", "Nico", "Rocco", "Sage", "Titus", "Ulysses", "Vance", "Winston", "Xavi", "Yves", "Zeke", "Axton", "Bowie", "Cruz", "Dax", "Eliam", "Fletcher", "Gannon", "Huxley", "Ira", "Jagger", "Kairo", "Leif", "Merrick", "Nikolai", "Odin", "Pax", "Quincy", "Ridge", "Stellan", "Thaddeus", "Uriah", "Vaughn", "Wells", "Xander", "Yale", "Zayden", "Alder", "Bishop", "Caspian", "Dimitri", "Edison", "Finnian", "Gideon", "Harlan", "Icarus", "Jethro", "Kian", "Lysander", "Maverick", "Nero", "Orson", "Percival", "Quill", "Ronan", "Soren", "Talon", "Uriah", "Viggo", "Wilder", "Xerxes", "Yarrow", "Zephyr"]
},
female: {
traditional: ["Mary", "Elizabeth", "Margaret", "Susan", "Dorothy", "Helen", "Ruth", "Frances", "Alice", "Florence", "Anna", "Martha", "Evelyn", "Rose", "Virginia", "Lillian", "Edna", "Catherine", "Gladys", "Irene", "Louise", "Ethel", "Marie", "Mildred", "Clara", "Hazel", "Grace", "Bertha", "Esther", "Pauline", "Beatrice", "Marjorie", "Emma", "Julia", "Agnes", "Lucille", "Edith", "Thelma", "Eva", "Josephine", "Laura", "Sarah", "Annie", "Mabel", "Pearl", "Myrtle", "Viola", "Nellie", "Jessie", "Blanche", "Sylvia", "Gertrude", "Hilda", "Minnie", "Vera", "Doris", "Eleanor", "Jean", "Marian", "Rita", "Theresa", "Winifred", "Ada", "Bessie", "Charlotte", "Daisy", "Ellen", "Fannie", "Georgia", "Harriet", "Isabel", "Jane", "Kathleen", "Lena", "Matilda", "Nora", "Olive", "Phoebe", "Rachel", "Sally", "Tina", "Ursula", "Violet", "Wilma", "Yvonne", "Zelda", "Abigail", "Barbara", "Cynthia", "Deborah", "Elaine", "Fiona", "Gloria", "Hannah", "Isabella", "Jacqueline", "Katherine", "Linda", "Monica", "Nancy", "Ophelia", "Patricia", "Rebecca", "Sandra", "Tracy", "Ursula", "Victoria", "Wendy", "Yolanda", "Zara"],
popular: ["Olivia", "Emma", "Ava", "Sophia", "Isabella", "Mia", "Charlotte", "Amelia", "Harper", "Evelyn", "Abigail", "Ella", "Elizabeth", "Camila", "Luna", "Sofia", "Avery", "Mila", "Aria", "Scarlett", "Penelope", "Layla", "Chloe", "Victoria", "Madison", "Eleanor", "Grace", "Nora", "Riley", "Zoey", "Hannah", "Hazel", "Lily", "Ellie", "Violet", "Lillian", "Zoe", "Stella", "Aurora", "Natalie", "Emilia", "Everly", "Leah", "Aubrey", "Willow", "Addison", "Lucy", "Audrey", "Bella", "Nova", "Savannah", "Brooklyn", "Skylar", "Paisley", "Claire", "Isla", "Genesis", "Naomi", "Elena", "Caroline", "Eliana", "Anna", "Maya", "Valentina", "Ruby", "Kennedy", "Ivy", "Ariana", "Aaliyah", "Cora", "Madelyn", "Alice", "Kinsley", "Hailey", "Gabriella", "Allison", "Gianna", "Serenity", "Samantha", "Sarah", "Autumn", "Quinn", "Eva", "Piper", "Sophie", "Sadie", "Delilah", "Josephine", "Nevaeh", "Adeline", "Arya", "Emery", "Lydia", "Clara", "Vivian", "Madeline", "Peyton", "Julia", "Rylee", "Brielle", "Reagan", "Natalia", "Jade", "Athena", "Maria", "Leilani", "Everleigh", "Liliana"],
unusual: ["Aria", "Nova", "Luna", "Aurora", "Ivy", "Juniper", "Lyra", "Ophelia", "Seraphina", "Zara", "Astrid", "Briar", "Calliope", "Daphne", "Elowen", "Freya", "Gaia", "Harlow", "Isolde", "Juno", "Kaia", "Liora", "Maeve", "Niamh", "Odessa", "Persephone", "Quinn", "Rowan", "Sable", "Thalia", "Uma", "Vesper", "Wren", "Xanthe", "Yara", "Zinnia", "Ariadne", "Beatrix", "Cleo", "Delphine", "Eira", "Fleur", "Greta", "Hera", "Isla", "Jolie", "Kiera", "Luna", "Maren", "Nola", "Orla", "Pippa", "Quilla", "Rhea", "Saskia", "Tamsin", "Una", "Veda", "Willa", "Xena", "Yvette", "Zara", "Aisling", "Briony", "Carys", "Della", "Eleni", "Fia", "Giselle", "Hollis", "Inez", "Jessa", "Keziah", "Liora", "Mavis", "Nadine", "Oriana", "Phaedra", "Quinn", "Romy", "Sarai", "Tova", "Ursula", "Vada", "Wynn", "Xanthe", "Yara", "Zadie", "Ailsa", "Blythe", "Cleo", "Dulcie", "Etta", "Faye", "Gwen", "Hebe", "Ione", "Juno", "Kira", "Luna", "Mira", "Nola", "Orla", "Pippa", "Quinn", "Rhea", "Saskia", "Tamsin", "Una", "Veda", "Willa", "Xena", "Yvette", "Zara"]
}
},
german: {
male: {
traditional: ["Hans", "Friedrich", "Heinrich", "Karl", "Wilhelm", "Ernst", "Otto", "Franz", "Georg", "Max", "Albert", "August", "Bernhard", "Bruno", "Clemens", "Conrad", "Eberhard", "Egon", "Emil", "Erich", "Ferdinand", "Franz", "Fritz", "Gustav", "Hermann", "Hubert", "Jakob", "Johann", "Josef", "Julius", "Konrad", "Ludwig", "Manfred", "Matthias", "Michael", "Nikolaus", "Oskar", "Paul", "Peter", "Rudolf", "Sebastian", "Stefan", "Theodor", "Thomas", "Ulrich", "Walter", "Werner", "Wilhelm", "Wolfgang", "Adolf", "Benedikt", "Christoph", "Dietrich", "Eckhard", "Falk", "Gero", "Hartmut", "Ingo", "Jens", "Klaus", "Lothar", "Matthias", "Norbert", "Olaf", "Philipp", "Quirin", "Rainer", "Siegfried", "Torsten", "Uwe", "Volker", "Waldemar", "Xaver", "Yannick", "Zeno", "Albrecht", "Bernd", "Clemens", "Detlef", "Egon", "Friedhelm", "Gottfried", "Heiko", "Ingolf", "Joachim", "Kurt", "Lutz", "Manfred", "Norbert", "Otto", "Peter", "Quirin", "Rainer", "Siegfried", "Torsten", "Uwe", "Volker", "Waldemar", "Xaver", "Yannick", "Zeno"],
popular: ["Leon", "Finn", "Elias", "Paul", "Luis", "Jonas", "Ben", "Noah", "Felix", "Lukas", "Maximilian", "Henry", "Emil", "Anton", "Oskar", "Jakob", "Leo", "Mats", "Liam", "Moritz", "Julian", "David", "Samuel", "Jannik", "Philipp", "Nico", "Mika", "Tom", "Erik", "Fabian", "Simon", "Jan", "Alexander", "Linus", "Theo", "Vincent", "Matteo", "Lennard", "Julius", "Hannes", "Marlon", "Tobias", "Jonathan", "Lasse", "Benedikt", "Jona", "Till", "Florian", "Konstantin", "Aaron", "Adrian", "Aiden", "Alessio", "Amir", "Aron", "Arthur", "Bastian", "Bruno", "Carl", "Cedric", "Damian", "Dario", "Dominik", "Eddie", "Emanuel", "Fabio", "Ferdinand", "Gabriel", "Gustav", "Hugo", "Ilias", "Jasper", "Julius", "Kian", "Lenny", "Levi", "Lian", "Lio", "Luca", "Luis", "Marlon", "Mats", "Mika", "Milo", "Nico", "Nils", "Noel", "Oskar", "Pepe", "Rafael", "Ruben", "Samuel", "Simon", "Theo", "Timo", "Tom", "Valentin", "Vincent", "Yannick", "Yasin", "Yusuf", "Zayn"],
unusual: ["Milo", "Jasper", "Levi", "Emil", "Theo", "Lian", "Mats", "Nico", "Sam", "Timo", "Arvid", "Bastian", "Cedric", "Dorian", "Elian", "Falk", "Gero", "Henrik", "Ivo", "Jaron", "Kian", "Loris", "Marek", "Nils", "Orion", "Piet", "Quirin", "Ragnar", "Sandro", "Tarek", "Ulf", "Valentin", "Wieland", "Xaver", "Yannick", "Zeno", "Alaric", "Bennet", "Caspar", "Darius", "Egon", "Fiete", "Gustav", "Hanno", "Ilias", "Joris", "Kilian", "Lutz", "Morten", "Nico", "Oskar", "Piet", "Quirin", "Ragnar", "Sandro", "Tarek", "Ulf", "Valentin", "Wieland", "Xaver", "Yannick", "Zeno", "Alaric", "Bennet", "Caspar", "Darius", "Egon", "Fiete", "Gustav", "Hanno", "Ilias", "Joris", "Kilian", "Lutz", "Morten", "Nico", "Oskar", "Piet", "Quirin", "Ragnar", "Sandro", "Tarek", "Ulf", "Valentin", "Wieland", "Xaver", "Yannick", "Zeno"]
},
female: {
traditional: ["Anna", "Maria", "Elisabeth", "Margarete", "Hildegard", "Gertrud", "Emma", "Frieda", "Lina", "Martha", "Agnes", "Augusta", "Barbara", "Bertha", "Clara", "Dorothea", "Edith", "Elsa", "Erna", "Eva", "Franziska", "Greta", "Hanna", "Hedwig", "Helene", "Ida", "Johanna", "Josefine", "Katharina", "Klara", "Leonie", "Luise", "Magdalena", "Mathilde", "Paula", "Regina", "Rosalie", "Sophie", "Therese", "Ursula", "Veronika", "Wilhelmine", "Zita", "Adelheid", "Beate", "Cecilia", "Dora", "Emilie", "Felicitas", "Gisela", "Hilde", "Ingrid", "Jutta", "Karin", "Lieselotte", "Marlene", "Nina", "Olga", "Petra", "Renate", "Sabine", "Tatjana", "Ute", "Vera", "Waltraud", "Xenia", "Yvonne", "Zita", "Anneliese", "Brigitte", "Christa", "Dagmar", "Elfriede", "Frieda", "Gisela", "Hilde", "Ingrid", "Jutta", "Karin", "Lieselotte", "Marlene", "Nina", "Olga", "Petra", "Renate", "Sabine", "Tatjana", "Ute", "Vera", "Waltraud", "Xenia", "Yvonne", "Zita"],
popular: ["Mia", "Emma", "Hannah", "Sophia", "Emilia", "Lina", "Lea", "Marie", "Lena", "Ella", "Anna", "Leonie", "Mila", "Lilly", "Laura", "Clara", "Nele", "Leni", "Amelie", "Sophie", "Charlotte", "Johanna", "Luisa", "Frieda", "Greta", "Emily", "Lara", "Sarah", "Pia", "Maja", "Julia", "Elena", "Alina", "Marlene", "Paula", "Lia", "Victoria", "Isabella", "Helena", "Mira", "Jana", "Melina", "Stella", "Jasmin", "Mara", "Josephine", "Lotte", "Ronja", "Valentina", "Aaliyah", "Abigail", "Adeline", "Adriana", "Aisha", "Alessia", "Alexa", "Alexandra", "Alice", "Alicia", "Alina", "Amalia", "Amelie", "Amy", "Anastasia", "Angelina", "Anja", "Annabelle", "Annika", "Antonia", "Ariana", "Ariane", "Aurelia", "Ava", "Aylin", "Bella", "Bianca", "Carla", "Celine", "Charlotte", "Chiara", "Clara", "Cleo", "Daria", "Delia", "Elena", "Elisa", "Elisabeth", "Ella", "Emilia", "Emily", "Emma", "Enya", "Eva", "Fiona", "Franziska", "Freya", "Frieda", "Giulia", "Greta", "Hanna", "Hannah", "Helena", "Ida", "Ilayda", "Ina", "Isabella", "Isabelle", "Jana", "Jasmin", "Johanna", "Josephine", "Julia", "Juliana", "Juna", "Kaja", "Karla", "Katharina", "Kiana", "Kiara", "Kira", "Lara", "Laura", "Lea", "Leah", "Lena", "Leni", "Leonie", "Leticia", "Lia", "Liana", "Lilly", "Lina", "Linda", "Livia", "Lotta", "Louisa", "Luana", "Lucia", "Lucy", "Luisa", "Luna", "Maja", "Malina", "Mara", "Maria", "Marie", "Marlene", "Marta", "Mathilda", "Matilda", "Maya", "Melina", "Mia", "Mila", "Milena", "Mira", "Mona", "Nele", "Nia", "Nina", "Nora", "Olivia", "Paula", "Pia", "Romy", "Rosalie", "Ruby", "Samantha", "Samira", "Sarah", "Selina", "Sienna", "Sofia", "Sophie", "Stella", "Tabea", "Talia", "Tamara", "Tessa", "Thea", "Theresa", "Valentina", "Valeria", "Vanessa", "Victoria", "Viola", "Vivian", "Yara", "Yasmin", "Ylvi", "Zoe", "Zoey"],
unusual: ["Leni", "Mila", "Nele", "Juna", "Lotta", "Frieda", "Tilda", "Zoe", "Lia", "Mara", "Anouk", "Bente", "Cleo", "Daria", "Elin", "Feline", "Greta", "Hedi", "Ilvy", "Jette", "Kaja", "Livia", "Mieke", "Nika", "Olea", "Pippa", "Quinn", "Romy", "Senta", "Tabea", "Una", "Vera", "Wanda", "Xenia", "Ylvi", "Zara", "Alea", "Billa", "Caya", "Dina", "Elva", "Finja", "Gesa", "Hilla", "Inga", "Jara", "Karla", "Lotta", "Mieke", "Nika", "Olea", "Pippa", "Quinn", "Romy", "Senta", "Tabea", "Una", "Vera", "Wanda", "Xenia", "Ylvi", "Zara", "Alea", "Billa", "Caya", "Dina", "Elva", "Finja", "Gesa", "Hilla", "Inga", "Jara", "Karla", "Lotta", "Mieke", "Nika", "Olea", "Pippa", "Quinn", "Romy", "Senta", "Tabea", "Una", "Vera", "Wanda", "Xenia", "Ylvi", "Zara"]
}
}
};
}

generateName(firstLetter, gender, length, language, type) {
const names = this.namesDatabase[language][gender][type];
const filteredNames = names.filter(name => name.toLowerCase().startsWith(firstLetter.toLowerCase()) && name.length === length);
if (filteredNames.length > 0) {
return filteredNames[Math.floor(Math.random() * filteredNames.length)];
} else {
return null;
}
}
}

function generateName() {
const firstLetter = document.getElementById('firstLetter').value;
const gender = document.getElementById('gender').value;
const length = parseInt(document.getElementById('length').value);
const language = document.getElementById('language').value;
const type = document.getElementById('type').value;