Kontrollera om du använder ett grönt webbhotell

<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>