58 lines
1.2 KiB
HTML
58 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Football Stats</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<h1>Football Stats App</h1>
|
|
|
|
<div class="tabs">
|
|
<button onclick="showTab('players')">Joueurs</button>
|
|
<button onclick="showTab('teams')">Équipes</button>
|
|
<button onclick="showTab('tournaments')">Tournois</button>
|
|
<button onclick="showTab('stats')">Stats</button>
|
|
</div>
|
|
|
|
<!-- PLAYERS -->
|
|
<div id="players" class="tab">
|
|
<h2>Joueurs</h2>
|
|
|
|
<input id="playerName" placeholder="Nom joueur">
|
|
<button onclick="addPlayer()">Ajouter</button>
|
|
|
|
<div id="playersList"></div>
|
|
</div>
|
|
|
|
<!-- TEAMS -->
|
|
<div id="teams" class="tab">
|
|
<h2>Équipes</h2>
|
|
|
|
<input id="teamName" placeholder="Nom équipe">
|
|
<button onclick="addTeam()">Créer</button>
|
|
|
|
<div id="teamsList"></div>
|
|
</div>
|
|
|
|
<!-- TOURNAMENTS -->
|
|
<div id="tournaments" class="tab">
|
|
<h2>Tournois</h2>
|
|
|
|
<input id="tournamentName" placeholder="Nom tournoi">
|
|
<button onclick="addTournament()">Créer</button>
|
|
|
|
<div id="tournamentsList"></div>
|
|
</div>
|
|
|
|
<!-- STATS -->
|
|
<div id="stats" class="tab">
|
|
<h2>Stats joueurs</h2>
|
|
|
|
<div id="statsList"></div>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html> |
