Merge pull request #127 from pradipchaudhary/project96

pradipchaudhary · web-flow · commit f3d47f9719d1 · 2024-02-15T19:33:50.000+05:45
init basic memory leak detection app [project96]
diff --git a/96-Memory Leak Detection/index.html b/96-Memory Leak Detection/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" href="styles.css" />
+        <title>Memory Leak Detection App</title>
+    </head>
+    <body>
+        <div class="container">
+            <h1>Memory Leak Detection App</h1>
+            <button id="startButton">Start Memory Leak</button>
+            <button id="stopButton">Stop Memory Leak</button>
+            <div id="memoryUsage">
+                Memory Usage: <span id="usageValue">0</span> MB
+            </div>
+        </div>
+
+        <script src="script.js"></script>
+    </body>
+</html>
diff --git a/96-Memory Leak Detection/script.js b/96-Memory Leak Detection/script.js
@@ -0,0 +1,29 @@
+let memoryLeakArray = [];
+let memoryLeakInterval;
+let memoryUsageElement = document.getElementById("usageValue");
+
+function startMemoryLeak() {
+    memoryLeakInterval = setInterval(() => {
+        const newData = new Array(100000).fill("MemoryLeakData");
+        memoryLeakArray = memoryLeakArray.concat(newData);
+        updateMemoryUsage();
+        console.log("Memory Leak Detected!");
+    }, 1000);
+}
+
+function stopMemoryLeak() {
+    clearInterval(memoryLeakInterval);
+}
+
+function updateMemoryUsage() {
+    const usedMemory = (
+        performance.memory.usedJSHeapSize /
+        (1024 * 1024)
+    ).toFixed(2);
+    memoryUsageElement.textContent = `${usedMemory} MB`;
+}
+
+document
+    .getElementById("startButton")
+    .addEventListener("click", startMemoryLeak);
+document.getElementById("stopButton").addEventListener("click", stopMemoryLeak);
diff --git a/96-Memory Leak Detection/styles.css b/96-Memory Leak Detection/styles.css
@@ -0,0 +1,23 @@
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    margin: 0;
+}
+
+.container {
+    text-align: center;
+}
+
+button {
+    padding: 10px 20px;
+    font-size: 16px;
+    margin: 10px;
+}
+
+#memoryUsage {
+    margin-top: 20px;
+    font-size: 18px;
+}
