Futbol Maç Sonucu Bulucu
About this app
Futbol maç sonuçlarını takip edin ve anlık sonuç güncellemeleri alın. Maçların sonucunu kolayca bulabilirsiniz.
Futbol Maç Sonucu Bulucu Futbol Maç Sonucu Bulucu Takım A: Skor A: Takım B: Skor B: Sonucu Ekle
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>Futbol Maç Sonucu Bulucu</title>
<meta name="description" content="Futbol maç sonuçlarını takip edin ve anlık sonuç güncellemeleri alın. Maçların sonucunu kolayca bulabilirsiniz." />
<meta name="keywords" content="futbol, maç, sonuç, canlı sonuç, futbol takip" />
<!-- Libraries -->
<!-- jQuery (3.6.0) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS (5.3.3) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<!-- Bootstrap JS (5.3.3) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<!-- Font Awesome (6.6.0) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">
<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() {
// Initialize game events
$("#submit-button").click(function() {
const teamA = $("#team-a").val();
const teamB = $("#team-b").val();
const scoreA = parseInt($("#score-a").val());
const scoreB = parseInt($("#score-b").val());
if (!teamA || !teamB || isNaN(scoreA) || isNaN(scoreB)) {
alert("Lütfen tüm alanları doğru bir şekilde doldurun.");
return;
}
let resultText = `${teamA} ${scoreA} - ${scoreB} ${teamB}`;
$("#results").append(`<p>${resultText}</p>`);
$("#team-a").val('');
$("#team-b").val('');
$("#score-a").val('');
$("#score-b").val('');
});
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
body {
background: linear-gradient(90deg, #74EBD5 0%, #ACB6E5 100%);
color: #333;
font-family: 'Arial', sans-serif;
}
#main-container {
padding: 20px;
border-radius: 15px;
background: rgba(255, 255, 255, 0.8);
}
h1 {
font-size: 2.5em;
margin-bottom: 20px;
text-align: center;
}
.form-label {
margin-top: 10px;
}
#submit-button {
background-color: #5cb85c;
color: white;
font-weight: bold;
border: none;
border-radius: 5px;
padding: 10px 15px;
cursor: pointer;
}
#submit-button:hover {
background-color: #4cae4c;
transition: background-color 0.3s ease;
}
.results {
margin-top: 30px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 15px;
background: #f9f9f9;
max-height: 250px;
overflow-y: auto;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Futbol Maç Sonucu Bulucu</h1>
<div>
<label class="form-label" for="team-a">Takım A:</label>
<input type="text" id="team-a" class="form-control" placeholder="Örnek: Team A">
<label class="form-label" for="score-a">Skor A:</label>
<input type="number" id="score-a" class="form-control" placeholder="Örnek: 2">
<label class="form-label" for="team-b">Takım B:</label>
<input type="text" id="team-b" class="form-control" placeholder="Örnek: Team B">
<label class="form-label" for="score-b">Skor B:</label>
<input type="number" id="score-b" class="form-control" placeholder="Örnek: 1">
<button id="submit-button" class="btn btn-success">Sonucu Ekle</button>
</div>
<div class="results" id="results"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!