Maç Sonucu Tahmin Uygulaması
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>
NEW APPS
These are apps made by the community!