third-party-cookies.html

<!doctype html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <h1 id="h1"></h1>
    <script>
        const cookieTest = (iFrameUri, callBack) => {
            const messageHandler = (event) => {
                console.log("event", event.data)
                if (event.data === "3pcSupported" || event.data === "3pcUnsupported") {
                    callBack(event.data);
                    document.body.removeChild(frame);
                    window.removeEventListener("message", messageHandler);
                }
            }

            const frame = document.createElement("iframe");
            frame.id = "3pc";
            frame.src = iFrameUri;
            frame.style.display = "none";
            frame.style.position = "fixed";
            document.body.appendChild(frame);
            window.addEventListener("message", messageHandler);
        }

        cookieTest("https://chamithrepo.github.io/create-third-party-cookie/", (data) => {
            document.getElementById("h1").innerText = data
            console.log(data)
        })
    </script>
</body>

</html>