Quem passou mais na Globo?
About this app
Descubra quem passou mais na Globo, JunyTony ou PinkFong.
Quem passou mais na Globo? Quem passou mais na Globo? Número de visualizações do JunyTony: Número de visualizações do PinkFong: Calcular
Related apps
Put this on your site
Source
<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 passou mais na Globo?</title>
<meta name="description" content="Descubra quem passou mais na Globo, JunyTony ou PinkFong.">
<meta name="keywords" content="Globo, JunyTony, PinkFong, mais passou">
<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 {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
document.addEventListener("DOMContentLoaded", function() {
// Function to calculate and display the result
function calculateResult() {
var junyTonyViews = parseInt(document.getElementById("junyTonyViews").value);
var pinkFongViews = parseInt(document.getElementById("pinkFongViews").value);
var result = document.getElementById("result");
var winner = "";
if (junyTonyViews > pinkFongViews) {
winner = "JunyTony";
} else if (pinkFongViews > junyTonyViews) {
winner = "PinkFong";
} else {
winner = "Both JunyTony and PinkFong have the same number of views.";
}
result.innerHTML = "The winner is: " + winner;
}
// Event listener for the calculate button
document.getElementById("calculateButton").addEventListener("click", calculateResult);
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
body {
background-color: #f8f9fa;
font-family: 'Arial', sans-serif;
}
.container {
max-width: 500px;
margin-top: 100px;
}
h1 {
text-align: center;
color: #333;
margin-bottom: 30px;
}
.form-group {
margin-bottom: 20px;
}
.form-label {
font-weight: bold;
}
.form-input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
.btn-primary {
width: 100%;
padding: 10px;
background-color: #007bff;
border: none;
border-radius: 5px;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.result {
text-align: center;
color: #333;
margin-top: 30px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Quem passou mais na Globo?</h1>
<div class="form-group">
<label class="form-label">Número de visualizações do JunyTony:</label>
<input id="junyTonyViews" class="form-input" type="number" min="0" required>
</div>
<div class="form-group">
<label class="form-label">Número de visualizações do PinkFong:</label>
<input id="pinkFongViews" class="form-input" type="number" min="0" required>
</div>
<button id="calculateButton" class="btn btn-primary">Calcular</button>
<div id="result" class="result"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!