Calculator Tools Calculator Tools
Create

Quem Vai Salvar ou Cair na Lava

Jan 3, 2024

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>