Calculator Tools Calculator Tools
Create

Maç Sonucu Tahmin Uygulaması

Aug 12, 2026

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 Tahminleri 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}">
<input type="number" class="form-control" placeholder="Tahmin (Ev sahibi)" id="home-prediction-${matchCount}">
<input type="number" class="form-control" placeholder="Tahmin (Misafir)" id="away-prediction-${matchCount}">
</div>`;
matchContainer.insertAdjacentHTML('beforeend', newMatch);
matchCount++;
}

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

document.getElementById("add-match").addEventListener("click", addMatch);
document.getElementById("submit-predictions").addEventListener("click", getPredictions);
});
} 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-predictions" class="btn btn-styled">Tahminleri Göster</button>
</div>
</body>
</html>