DOM

AzharAli-github · AzharAli-github · commit 10e91a34094a · 2023-01-12T14:53:46.000+05:00
diff --git a/JavaScript/Advance/DOM/1.window/images/js-logo.png b/JavaScript/Advance/DOM/1.window/images/js-logo.png
diff --git a/JavaScript/Advance/DOM/1.window/index.html b/JavaScript/Advance/DOM/1.window/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>window-BOM</title>
+    <link rel="shortcut icon" href="images/js-logo.png" type="image/x-icon">
+</head>
+
+<body>
+    <h1 style="font-family: cursive;">The width and height of your screen is:</h1>
+    <h2 id="textOne" style="font-family: monospace;"></h2>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/JavaScript/Advance/DOM/1.window/script.js b/JavaScript/Advance/DOM/1.window/script.js
@@ -0,0 +1,7 @@
+let height = window.innerHeight;
+let width = window.innerWidth;
+let textOne = document.getElementById('textOne');
+textOne.innerHTML = `
+<h2>Height: ${height} px</h2>
+<h2>Width: ${width} px</h2>
+`
