Calculator Tools Calculator Tools
Create

Futbol Maç Sonucu Bulucu

Apr 19, 2025

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>