array advanced

ProjectRavel · ProjectRavel · commit dc91021e9572 · 2023-10-03T00:14:23.000+07:00
diff --git a/43. Array Sorting/index.html b/43. Array Sorting/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+    <script src="main.js"></script>
+</body>
+</html>
diff --git a/43. Array Sorting/main.js b/43. Array Sorting/main.js
@@ -0,0 +1,17 @@
+let grades = [76,90,99,65,83,93,100,67]
+
+let sortingdesce = grades.sort(descending).forEach(print)
+
+let sortingasce = grades.sort(ascending).forEach(print)
+
+function descending(a,b){
+    return b - a
+}
+
+function ascending(a,b){
+    return a - b
+}
+
+function print(x){
+    console.log(x)
+}
diff --git a/44. Array Function Expressions/index.html b/44. Array Function Expressions/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <label id="mylabel">0</label><br>
+    <button id="increasebutton" onclick="increasebutton()">increase</button>
+    <button id="decreasebutton" onclick="decreasebutton()">decrease</button>
+    <button id="resetbutton" onclick="resetbutton()">Reset</button>
+
+    <script src="main.js"></script>
+</body>
+</html>
diff --git a/44. Array Function Expressions/main.js b/44. Array Function Expressions/main.js
@@ -0,0 +1,20 @@
+// on expressions = function without a name (anonymous function)
+//                  avoid poluting the global scope with names
+//                  Write it, the forget about
+
+let count = 0
+
+function increasebutton(){
+    count += 1
+    document.getElementById("mylabel").innerHTML = count
+}
+
+function decreasebutton(){
+    count -= 1
+    document.getElementById("mylabel").innerHTML = count
+}
+
+function resetbutton(){
+    count = 0
+    document.getElementById("mylabel").innerHTML = count
+}
diff --git a/45. Arrow Function/index.html b/45. Arrow Function/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+    <script src="main.js"></script>
+</body>
+</html>
diff --git a/45. Arrow Function/main.js b/45. Arrow Function/main.js
@@ -0,0 +1,5 @@
+let array = [13,15,11,1,9,10,20,4]
+
+array
+.sort((a, b) => a - b)
+.forEach ((x) => console.log(x))
diff --git a/46. Shuffle An array/index.html b/46. Shuffle An array/index.html
diff --git a/46. Shuffle An array/main.js b/46. Shuffle An array/main.js
@@ -0,0 +1,12 @@
+let cards = ["A", "2", "3", "4","5","6","7","8","9","10","J","Q","K"]
+
+shuffle(cards)
+
+function shuffle (array){
+    let currenindex = array.length
+
+    while(currenindex != 0){
+        let randomindex = Math.floor(Math.random() * currenindex)
+        currenindex -= 1
+    }
+}
