Fake Address Generator Tool is a HTML, CSS and Javascript based tool. This tool can be used to generate and provide fake address instead of real address to provide on different online website.
Justs Copy and Paste the code and used it.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fake Address Generator</title>
<!-- Include Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<!-- Include FontAwesome for Icons -->
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<style>
body {
font-family: 'Roboto', sans-serif;
background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
margin: 0;
padding: 0;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
text-align: center;
background: #ffffff30;
border-radius: 15px;
padding: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
width: 90%;
max-width: 500px;
}
h1 {
margin-bottom: 15px;
font-size: 2rem;
color: #fff;
}
.output {
margin: 20px 0;
padding: 10px;
background: #ffffff;
color: #333;
border-radius: 10px;
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
font-size: 1rem;
overflow-x: auto;
white-space: pre-wrap;
}
.btn {
margin: 10px;
padding: 10px 20px;
background: #ff7b00;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1rem;
transition: background 0.3s;
}
.btn:hover {
background: #ff5200;
}
.btn:active {
background: #e64d00;
}
</style>
</head>
<body>
<div class="container">
<h1>Fake Address Generator</h1>
<div class="output" id="output">Click the button to generate a fake address!</div>
<button class="btn" onclick="generateAddress()">Generate Address</button>
<button class="btn" onclick="copyToClipboard()">Copy to Clipboard</button>
</div>
<script>
const outputDiv = document.getElementById('output');
function generateAddress() {
const fakeAddresses = [
{
name: "John Doe",
street: "123 Elm Street",
city: "Springfield",
state: "IL",
zip: "62704",
country: "USA",
phone: "+1 555-1234",
email: "johndoe@example.com"
},
{
name: "Jane Smith",
street: "456 Maple Avenue",
city: "Columbus",
state: "OH",
zip: "43215",
country: "USA",
phone: "+1 555-5678",
email: "janesmith@example.com"
},
{
name: "Alice Johnson",
street: "789 Pine Road",
city: "Austin",
state: "TX",
zip: "73301",
country: "USA",
phone: "+1 555-9876",
email: "alicej@example.com"
}
// Add more fake addresses as desired
];
const randomIndex = Math.floor(Math.random() * fakeAddresses.length);
const address = fakeAddresses[randomIndex];
outputDiv.textContent = `Name: ${address.name}\nStreet: ${address.street}\nCity: ${address.city}\nState: ${address.state}\nZip: ${address.zip}\nCountry: ${address.country}\nPhone: ${address.phone}\nEmail: ${address.email}`;
}
function copyToClipboard() {
navigator.clipboard.writeText(outputDiv.textContent)
.then(() => {
alert('Address copied to clipboard!');
})
.catch(err => {
alert('Failed to copy address!');
});
}
</script>
</body>
</html>