Quem Vai Salvar ou Cair na Lava
About this app
Descubra se Juny, Tony ou Juny e Tony juntos vão salvar ou cair na Lava
Quem Vai Salvar ou Cair na Lava Quem Vai Salvar ou Cair na Lava? Clique para descobrir
Related apps
Put this on your site
Source
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Quem Vai Salvar ou Cair na Lava</title>
<meta name="description" content="Descubra se Juny, Tony ou Juny e Tony juntos vão salvar ou cair na Lava">
<meta name="keywords" content="Lava, salvar, cair, Juny, Tony">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
// Function to determine if Juny, Tony, or both will be saved or fall into the lava
function determineFate() {
var fate = Math.random();
var result;
if (fate < 0.33) {
result = "Juny will be saved!";
} else if (fate >= 0.33 && fate < 0.66) {
result = "Tony will be saved!";
} else {
result = "Juny and Tony together will be saved!";
}
// Display the result
$("#result").text(result);
}
// Call the determineFate function when the button is clicked
$("#btn-determine").click(function() {
determineFate();
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background-color: #f8f9fa;
font-family: 'Roboto', sans-serif;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.btn {
padding: 10px 20px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.btn:hover {
background-color: #0056b3;
}
.result {
margin-top: 20px;
font-size: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Quem Vai Salvar ou Cair na Lava?</h1>
<button id="btn-determine" class="btn">Clique para descobrir</button>
<div id="result" class="result"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!