Calculator Tools Calculator Tools
Create

Maç Sonucu Tahmin Uygulaması

Apr 19, 2025

About this app

Maç sonucu tahmin etmek için eğlenceli bir uygulama. Kriz geçici, başarı kalıcı!

Maç Sonucu Tahmin Uygulaması Maç Sonucu Tahmin Uygulaması Yeni Maç Ekle Sonuçları Göster

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>Maç Sonucu Tahmin Uygulaması</title>
<meta name="description" content="Maç sonucu tahmin etmek için eğlenceli bir uygulama. Kriz geçici, başarı kalıcı!">
<meta name="keywords" content="maç sonucu, tahmin, futbol, spor, interaktif, eğlenceli, uygulama">

<!-- Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<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 {
document.addEventListener("DOMContentLoaded", function() {
const matches = [];
let matchCount = 1;

function addMatch() {
const matchContainer = document.getElementById("match-container");
const newMatch = `
<div class="match rounded border p-3 my-3" style="background: linear-gradient(135deg, #85E3FF, #FFC2E2);">
<h5>Maç ${matchCount}</h5>
<input type="text" class="form-control" placeholder="Ev sahibi takım" id="home-team-${matchCount}">
<input type="text" class="form-control" placeholder="Misafir takım" id="away-team-${matchCount}">
<select class="form-select" id="result-${matchCount}">
<option value="" selected disabled>Sonuç Seçiniz</option>
<option value="galibiyet">Galibiyet</option>
<option value="beraberlik">Beraberlik</option>
<option value="mağlubiyet">Mağlubiyet</option>
</select>
</div>`;
matchContainer.insertAdjacentHTML('beforeend', newMatch);
matchCount++;
}

function getResults() {
const results = [];
for (let i = 1; i < matchCount; i++) {
const homeTeam = document.getElementById(`home-team-${i}`).value;
const awayTeam = document.getElementById(`away-team-${i}`).value;
const result = document.getElementById(`result-${i}`).value;
results.push({ homeTeam, awayTeam, result });
}
alert(JSON.stringify(results, null, 2));
}

document.getElementById("add-match").addEventListener("click", addMatch);
document.getElementById("submit-results").addEventListener("click", getResults);
});
} catch (error) {
throw error;
}
</script>

<style>
body {
background-color: #f8f9fa;
font-family: 'Arial', sans-serif;
}
#main-container {
margin-top: 50px;
}
.btn-styled {
background: linear-gradient(135deg, #43A047, #FFB300);
color: white;
}
.btn-styled:hover {
background: linear-gradient(135deg, #FFB300, #43A047);
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="text-center my-4">Maç Sonucu Tahmin Uygulaması</h1>
<div id="match-container"></div>
<button id="add-match" class="btn btn-styled">Yeni Maç Ekle</button>
<button id="submit-results" class="btn btn-styled">Sonuçları Göster</button>
</div>
</body>
</html>