Calculator Tools Calculator Tools
Create

Betting Tracker

Oct 30, 2023

About this app

En app för att spåra dina insatser och resultat på bet365.

Betting Tracker 🎲 Betting Tracker 🎲 Link till bet Belopp Registrera bet

Related apps

Put this on your site

Source

                    <!DOCTYPE html>
<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>Betting Tracker</title>
<meta name="description" content="En app för att spåra dina insatser och resultat på bet365.">
<meta name="keywords" content="betting, tracker, bet365, sport, insatser">

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />

<style>
body, html {
height: 100%;
margin: 0;
font-family: 'Roboto', sans-serif;
background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
color: #fff;
}

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}

.betting-form {
width: 100%;
max-width: 500px;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
border-radius: 8px;
}

.betting-form h2 {
text-align: center;
margin-bottom: 20px;
}

.betting-form .form-group {
margin-bottom: 15px;
}

.betting-form .form-group label {
display: block;
margin-bottom: 5px;
}

.betting-form .form-group input {
width: 100%;
padding: 10px;
border: none;
border-radius: 4px;
}

.betting-form .form-group button {
width: 100%;
padding: 10px;
border: none;
background: #12c2e9;
color: #fff;
border-radius: 4px;
cursor: pointer;
transition: background 0.3s;
}

.betting-form .form-group button:hover {
background: #f64f59;
}
</style>

<script>
try {
document.addEventListener("DOMContentLoaded", function() {
document.getElementById('betting-form').addEventListener('submit', function(e) {
e.preventDefault();
var betLink = document.getElementById('bet-link').value;
var betAmount = document.getElementById('bet-amount').value;

if(betLink && betAmount) {
alert(`Länk till bet: ${betLink}\nBelopp: ${betAmount}`);
// Här kan du lägga till kod för att spara betinformationen på önskat sätt
} else {
alert('Vänligen fyll i alla fält.');
}
});
});
} catch (error) {
throw error;
}
</script>
</head>
<body>
<div class="container">
<form id="betting-form" class="betting-form">
<h2>🎲 Betting Tracker 🎲</h2>
<div class="form-group">
<label for="bet-link">Link till bet</label>
<input type="url" id="bet-link" required>
</div>
<div class="form-group">
<label for="bet-amount">Belopp</label>
<input type="number" id="bet-amount" required>
</div>
<div class="form-group">
<button type="submit">Registrera bet</button>
</div>
</form>
</div>
</body>
</html>