From d675a9a5cc237c5cf7c02777b5c12cc364759e35 Mon Sep 17 00:00:00 2001 From: Pradip Chaudhary Date: Thu, 15 Feb 2024 20:56:01 +0545 Subject: [PATCH] init basic network performance app [project97] --- 97-Network Performance Analyzer/index.html | 18 ++++++++++++++ 97-Network Performance Analyzer/script.js | 28 ++++++++++++++++++++++ 97-Network Performance Analyzer/styles.css | 23 ++++++++++++++++++ 3 files changed, 69 insertions(+) create mode 100644 97-Network Performance Analyzer/index.html create mode 100644 97-Network Performance Analyzer/script.js create mode 100644 97-Network Performance Analyzer/styles.css diff --git a/97-Network Performance Analyzer/index.html b/97-Network Performance Analyzer/index.html new file mode 100644 index 0000000..11e0ed6 --- /dev/null +++ b/97-Network Performance Analyzer/index.html @@ -0,0 +1,18 @@ + + + + + + + Network Performance Analyzer + + +
+

Network Performance Analyzer

+ +
+
+ + + + diff --git a/97-Network Performance Analyzer/script.js b/97-Network Performance Analyzer/script.js new file mode 100644 index 0000000..d2d211c --- /dev/null +++ b/97-Network Performance Analyzer/script.js @@ -0,0 +1,28 @@ +document + .getElementById("analyzeButton") + .addEventListener("click", analyzePerformance); + +function analyzePerformance() { + const startTime = performance.now(); + + // Simulate a network request (you can replace this with an actual request) + fetch("https://jsonplaceholder.typicode.com/todos/1") + .then((response) => response.json()) + .then((data) => { + const endTime = performance.now(); + const elapsedTime = endTime - startTime; + + displayResult(elapsedTime); + }) + .catch((error) => { + console.error("Error:", error); + displayResult("Error"); + }); +} + +function displayResult(time) { + const resultContainer = document.getElementById("resultContainer"); + resultContainer.innerHTML = `Network request completed in ${time.toFixed( + 2 + )} milliseconds.`; +} diff --git a/97-Network Performance Analyzer/styles.css b/97-Network Performance Analyzer/styles.css new file mode 100644 index 0000000..7388f63 --- /dev/null +++ b/97-Network Performance Analyzer/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; +} + +#resultContainer { + margin-top: 20px; + font-size: 18px; +}