<h1>Kontrollera om ett webbhotell är grönt</h1>
<form id="greenCheckForm">
<label for="domain">Ange domännamn:</label>
<input type="text" id="domain" name="domain" required>
<button type="submit">Kontrollera</button>
</form>
<div id="result"></div>
<script>
document.getElementById('greenCheckForm').addEventListener('submit', function(event) {
event.preventDefault();
const domain = document.getElementById('domain').value.trim();
if (domain) {
fetch(`https://api.thegreenwebfoundation.org/api/v3/greencheck/${domain}`)
.then(response => response.json())
.then(data => {
const resultDiv = document.getElementById('result');
if (data.green) {
resultDiv.innerHTML = `<p>${domain} är hostad av ${data.hosted_by}, ett grönt webbhotell.</p>`;
} else {
resultDiv.innerHTML = `<p>${domain} är inte hostad av ett grönt webbhotell.</p>`;
}
})
.catch(error => {
console.error('Fel vid hämtning av data:', error);
document.getElementById('result').innerHTML = '<p>Ett fel uppstod vid kontrollen. Försök igen senare.</p>';
});
} else {
document.getElementById('result').innerHTML = '<p>Vänligen ange ett giltigt domännamn.</p>';
}
});
</script>
