index.html

﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div id="output" style="white-space: pre-wrap; font-family: 'Cascadia Code', Consolas;"></div>

    <script>
        async function main() {
            const response = await fetch("/api/droid", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    "Accept": "application/json"
                },
                body: JSON.stringify({
                    query: `
                {
                    hero { 
                        name
                    }
                }`})
            });

            console.log(response);

            const json = await response.json();
            console.log(json);

            document.getElementById("output").innerHTML = JSON.stringify(json, null, 4);
        }
        main();
    </script>
</body>
</html>