gilles/geocaching_js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

inclus page final

Browse Source
This commit is contained in:
gilles soulier
2024-12-24 00:52:14 +01:00
parent 1b12f3f732
commit ec777f133f
115 changed files with 6712 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index_julien.html
View File

@@ -6,13 +6,41 @@
<title>Jeu Smartphone</title>
<link rel="stylesheet" href="static/css/style_julien.css">
<script>
const username = 'julien'; // Charge les données de Baptiste
const username = 'julien'; // Nom de l'utilisateur
const number = 2; // Numéro du défi
async function chargerDefi() {
try {
const response = await fetch(`/data/${username}.yaml`);
const data = await response.json();
// Vérifier que le défi existe
const defi = data.defis[`defi_${number}`];
if (defi) {
document.getElementById('user-name').textContent = data.nom;
document.getElementById('user-progression').textContent = `Défi ${defi.number}`;
document.getElementById('latitude').textContent = defi.geolocalisation.latitude;
document.getElementById('longitude').textContent = defi.geolocalisation.longitude;
document.getElementById('challenge-number').textContent = `Défi n° : ${defi.number}`;
document.getElementById('target-latitude').textContent = defi.geolocalisation.latitude;
document.getElementById('target-longitude').textContent = defi.geolocalisation.longitude;
document.getElementById('user-avatar').src = data.avatar;
document.getElementById('arrow-container').innerHTML = `<img src="${defi.pin}" alt="Pin Défi">`;
} else {
console.error('Défi non trouvé.');
}
} catch (error) {
console.error('Erreur lors du chargement des données du défi :', error);
}
}
document.addEventListener('DOMContentLoaded', chargerDefi);
</script>
</head>
<body>
<div id="content0">
<p id="user-name">--</p>
<p id="challenge-number">défi n° : --</p>
<p >défi : <span id="user-progression">--</span></p>
<p id="distance">-- m</p>
</div>
<div data-debug="true" id="content">
@@ -37,6 +65,6 @@
<img id="user-avatar" src="" alt="Avatar" style="width: 100px; border-radius: 50%;">
<script src="static/js/script_julien.js" defer></script>
<script src="static/js/script_julien2.js" defer></script>
</body>
</html>