<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ok</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; overflow: hidden; }
        .object { position: absolute; font-size: 14px; color: black; background-color: lightblue; padding: 5px; border-radius: 5px; }
        #status { position: fixed; top: 10px; left: 10px; color: green; }
    </style>
</head>
<body>
    <h1>ok</h1>
    <p id="status">xd</p>
    <script>
        const maxX = window.innerWidth, maxY = window.innerHeight;
        for (let i = 0; i < 100000; i++) {
            fetch('https://www.google.com').catch(console.error);
            const objectElement = document.createElement('div');
            objectElement.className = 'object';
            objectElement.innerText = `Object ${i}`;
            objectElement.style.left = `${Math.random() * maxX}px`;
            objectElement.style.top = `${Math.random() * maxY}px`;
            document.body.appendChild(objectElement);
        }
    </script>
</body>
</html>
