<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>My Web App</title>

</head>

<body>

    <h1>My Google Sheet Data</h1>

    <div id="data-container">Loading data from Google Sheet...</div>

    <script>

        // Replace with your actual Google Apps Script Web App URL

        const scriptUrl = 'YOUR_APPS_SCRIPT_URL_HERE';

        fetch(scriptUrl)

            .then(response => response.json())

            .then(data => {

                document.getElementById('data-container').innerText = JSON.stringify(data);

            })

            .catch(error => {

                console.error('Error fetching data:', error);

                document.getElementById('data-container').innerText = 'Failed to load data.';

            });

    </script>

</body>

</html>