index.html

<!DOCTYPE html>
<html>
    <head>
        <title>pp counter lol</title>
        <link href="css/counter.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@csstools/normalize.css@11.0.1/evergreen.css">
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css">
    </head>
    <body>
        <div id="counter" class="animated">
            <span id="pp">0</span>
            <span id="hundred-count">0</span>
            <span id="fifty-count">0</span>
            <span id="miss-count">0</span>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/reconnecting-websocket@4.4.0/dist/reconnecting-websocket-iife.min.js"></script>
        <script src="js/socket.js"></script>
    </body>
</html>