Fake Address Generator
Fake Address Generator
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
h1 {
text-align: center;
}
.address {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 20px;
}
.address label, .address select, .address button {
width: 100%;
max-width: 300px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.address button {
background-color: #4CAF50;
color: white;
cursor: pointer;
}
.output {
margin-top: 20px;
display: none;
}
.output h2 {
margin-bottom: 10px;
}
.output p {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
function generateAddress() {
const countrySelect = document.getElementById("country");
const selectedCountry = countrySelect.value;
// Define fake address data based on selected country
let addressData;
if (selectedCountry === "USA") {
addressData = {
country: "USA",
city: "New York",
zipCode: "10001",
street: "1234 Elm Street",
state: "NY",
};
} else if (selectedCountry === "UK") {
addressData = {
country: "UK",
city: "London",
zipCode: "SW1A 1AA",
street: "10 Downing Street",
state: "England",
};
}
// Add more countries and their address data here
// Display the generated address
const generatedAddressElem = document.getElementById("generatedAddress");
generatedAddressElem.textContent = `
Country: ${addressData.country}
City: ${addressData.city}
Zip Code: ${addressData.zipCode}
Street: ${addressData.street}
State: ${addressData.state}
`;
// Show the output
const outputElem = document.querySelector(".output");
outputElem.style.display = "block";
}
0 Comments