Vejret og vandet
.jpg)
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Temperatur for Station 2941</title>
</head>
<body>
<h1>Temperaturmåling for <span id="station-navn"></span></h1>
<p><strong>Vand:</strong> <span id="vand-temp">Henter...</span></p>
<p><strong>Luft:</strong> <span id="luft-temp">Henter...</span></p>
<script>
async function hentBadevandsTemperatur() {
// URL er nu specifik for station 2941
const url = 'https://badevand.thermit.dk/api/measurements/2941';
// Finder de HTML-elementer, vi vil opdatere
const stationNavnElement = document.getElementById('station-navn');
const vandTempElement = document.getElementById('vand-temp');
const luftTempElement = document.getElementById('luft-temp');
try {
// Foretager et netværkskald for at hente dataene
const response = await fetch(url);
// Konverterer svaret til tekst
const xmlString = await response.text();
// Opretter en parser til at behandle XML-teksten
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");
// Finder 'Department'-noden i dokumentet.
// Bemærk: API'et returnerer stadig en 'Departments' liste, selvom der kun er én.
const department = xmlDoc.querySelector("Department");
// Henter navnet på målestationen
const stationNavn = department.querySelector("Name").textContent;
// Finder alle 'Measurement'-noder
const measurements = department.querySelectorAll("Measurement");
// Initialiserer variabler til temperaturerne
let vandTemperatur = 'ikke fundet';
let luftTemperatur = 'ikke fundet';
// Gennemgår alle målinger for at finde de korrekte temperaturer
measurements.forEach(measurement => {
const type = measurement.querySelector("Name").textContent;
const temp = measurement.querySelector("Temperature").textContent;
if (type === 'Badevand') {
vandTemperatur = temp;
} else if (type === 'Luft') {
luftTemperatur = temp;
}
});
// Opdaterer teksten på hjemmesiden med de hentede værdier
stationNavnElement.textContent = stationNavn;
vandTempElement.textContent = `${vandTemperatur}°C`;
luftTempElement.textContent = `${luftTemperatur}°C`;
} catch (error) {
// Håndterer eventuelle fejl undervejs
console.error("Der opstod en fejl:", error);
stationNavnElement.textContent = "Kunne ikke hente data";
vandTempElement.textContent = "Fejl";
luftTempElement.textContent = "Fejl";
}
}
// Kalder funktionen, når siden er indlæst
hentBadevandsTemperatur();
</script>
</body>
</html>
