Redwan Sharafat Kabir · Redwan Sharafat Kabir · commit 0c90784cd11a · 2019-07-19T22:57:05.000+06:00
diff --git a/Basic JS and HTML/Sort.html b/Basic JS and HTML/Sort.html
@@ -0,0 +1,21 @@
+﻿<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>JavaScript Class - 04</title>
+</head>
+<body>
+    <div align="center">
+        <h1>JavaScript Class - 04</h1>
+    </div>
+
+    <script>
+        let users = [1,2,5,6,41,0]
+
+        function Sorting(a,b){
+            return a> b ? 1  : -1
+        }
+        let sorted = users.sort(Sorting)
+        document.write(sorted);
+    </script>
+</body>
+</html>
diff --git a/Basic JS and HTML/eventListener.html b/Basic JS and HTML/eventListener.html
@@ -0,0 +1,44 @@
+﻿<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>mastering js class - 05</title>
+</head>
+<body>
+    <ul id="content">
+        <li>Hello world !</li>
+        <li>Good bye world.</li>
+    </ul>
+
+    <button id="button">Sign in</button>
+
+    <input type="text" id="myText">
+    <button onclick="btnFunction()">Enter</button>
+    <h4 id="output"></h4>
+
+    <script>
+        let list = document.querySelector("#content");
+        list.insertAdjacentHTML("beforeend", "<li>I'm sad</li>");
+        list.insertAdjacentHTML("beforeend", "<li>I'm broken</li><br><br>");
+
+        let tasks = [
+            "Shukahash",
+            "Discount",
+            "Kabila"
+        ]
+
+        tasks.forEach(function(task){
+            list.insertAdjacentHTML("beforeend", `<li>${task}</li>`)
+        })
+
+        let btn = document.querySelector("#button");
+        btn.addEventListener("click", function(){
+            //let item  = prompt("New task");
+            //list.insertAdjacentHTML("beforeend",`<li>${item}</li>`);
+        })
+        function btnFunction() {
+            var btn2 = document.getElementById("myText").value;
+            document.getElementById("output").innerHTML = btn2;
+        }
+    </script>
+</body>
+</html>
diff --git a/Basic JS and HTML/list with forEach loop.html b/Basic JS and HTML/list with forEach loop.html
@@ -0,0 +1,28 @@
+﻿<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>mastering js class - 05</title>
+</head>
+<body>
+    <ul id="content">
+        <li>Hello world !</li>
+        <li>Good bye world.</li>
+    </ul>
+
+    <script>
+        let list = document.querySelector("#content");
+        list.insertAdjacentHTML("beforeend", "<li>I'm sad</li>");
+        list.insertAdjacentHTML("beforeend", "<li>I'm broken</li><br><br>");
+
+        let tasks = [
+            "Shukahash",
+            "Discount",
+            "Kabila"
+        ]
+
+        tasks.forEach(function(task){
+            list.insertAdjacentHTML("beforeend", `<li>${task}</li>`)
+        })
+    </script>
+</body>
+</html>
diff --git a/Basic JS and HTML/querySelector.html b/Basic JS and HTML/querySelector.html
@@ -0,0 +1,27 @@
+﻿<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>mastering js class - 05</title>
+</head>
+<body>
+    
+    <h1 id="header1"> Hello world !</h1>
+    <!--<h2 class="header2 header3">Good bye world.</h2>-->
+    <!--<h3 class="header2">I'm sad.</h3>-->
+    <!--<p class="header3">Don's disturb me.</p>-->
+
+    <script>
+        //let node1 = document.write(header1);
+        //let node2 = document.write(header2);
+        //let node3 = document.write(header3);
+        //let node4 = document.write(header3);
+
+        let id1 = document.querySelector(header1);
+        //let class3 = document.querySelector(".header2");
+
+        let node5 = id1.innerText;
+        console.log(node5) // Hello world !
+        id1.innerText = "I'm broken."
+    </script>
+</body>
+</html>
