Fake Name Generator Tool

 

Fake Name Generator

Select Gender: Male Female

Generated Name:

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } .generator { max-width: 400px; margin: 50px auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .input-group { margin-bottom: 10px; } label { display: inline-block; width: 120px; } select { width: 200px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: #0056b3; } .output { margin-top: 20px; } h2 { margin-bottom: 20px; text-align: center; } h3 { margin-bottom: 10px; } var maleNames = [ "John", "James", "Michael", "Robert", "David", "William", "Joseph", "Charles", "Thomas", "Daniel" ]; var femaleNames = [ "Mary", "Jennifer", "Linda", "Patricia", "Elizabeth", "Susan", "Jessica", "Sarah", "Karen", "Nancy" ]; var lastNames = [ "Smith", "Johnson", "Williams", "Brown", "Jones", "Miller", "Davis", "Garcia", "Rodriguez", "Martinez" ]; function generateName() { var gender = document.getElementById('gender').value; var firstName = ""; var lastName = ""; if (gender === "male") { firstName = maleNames[Math.floor(Math.random() * maleNames.length)]; } else { firstName = femaleNames[Math.floor(Math.random() * femaleNames.length)]; } lastName = lastNames[Math.floor(Math.random() * lastNames.length)]; var fullName = firstName + " " + lastName; document.getElementById('generatedName').textContent = fullName; }