congratulations.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="theme-color" content="#f39c12">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <meta name="description" content="Save the Cosmonaut from the asteroids!!">
    <meta name="keywords" content="Save the Cosmonaut from the asteroids!!">
    <link rel="stylesheet" href="/css/home.css">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="manifest" href="/site.webmanifest">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Congratulations! </title>
    <script>if(window.location.hostname !== 'localhost') {if (location.protocol !== 'https:') {location.replace(`https:${location.href.substring(location.protocol.length)}`)}};</script>
</head>
<body>
    <div class="wrapper">
        <span class="titleText">You have saved the cosmonaut!</span>

        <div class="astronautImage">
            <img height="341" width="213" src="./media/happy.webp" alt="Cosmonaut 👨‍🚀">
        </div>

        <div class="buttons">
            <button class="endButtons restart">Restart</button>
            <span class="gapSpan"></span>
            <button class="endButtons ticTacToe">Play Tic Tac Toe</button>
        </div>

    </div>

    <script>
        document.querySelector(".restart").addEventListener("click", () => {
            localStorage.setItem("gameStatus", null)
            window.location.href = "/"
        })

        document.querySelector(".ticTacToe").addEventListener("click", () => {
            window.location.href = "/tictactoe"
        })
    </script>
</body>
</html>