100xdevs-cohort-3 · anshsgit · Aug 25, 2024 · Aug 25, 2024 · Aug 25, 2024 · Aug 25, 2024
diff --git a/todo/README.md b/todo/README.md
@@ -0,0 +1 @@
+# Todo-Application
diff --git a/todo/index.html b/todo/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <div class="container1">
+            <h1>Todo List</h1>
+        </div>
+
+        <div class="container2">
+            <input type="text" name="" id="todo" placeholder="Enter todo">
+            <button onclick="addTodo()">Add Todo</button>
+        </div>
+
+
+    <br> <br>
+    <div class="container3">
+        <div id="showTodo"></div>
+    </div>
+
+    </div>
+
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/todo/script.js b/todo/script.js
@@ -0,0 +1,33 @@
+function deleteTodo(index) {
+    const todo = document.getElementById(`container${index}`);
+    const parent = todo.parentNode;
+      parent.removeChild(todo);
+ }
+
+ let currentIndex = 0;
+ function addTodo() {
+   const inputEl = document.getElementById('todo');
+
+   if(inputEl.value === ''){
+     alert('Please enter a todo.');
+     return;
+   } 
+   const todoParent = document.getElementById('showTodo');
+   const todoChild1 = document.createElement('div');
+   todoChild1.setAttribute('id', 'container'+currentIndex);
+   const todoGrandchild1 = document.createElement('p');
+   const todoGrandchild2 = document.createElement('button');
+   todoGrandchild2.setAttribute('onclick', 'deleteTodo('+currentIndex+')')
+
+   todoChild1.appendChild(todoGrandchild1);
+   todoChild1.appendChild(todoGrandchild2);
+
+   todoParent.appendChild(todoChild1);
+
+   todoGrandchild1.innerHTML = inputEl.value.trim();
+   todoGrandchild2.innerHTML = 'Delete';
+
+   inputEl.value = '';
+    currentIndex++;
+
+ }
diff --git a/todo/styles.css b/todo/styles.css
@@ -0,0 +1,41 @@
+body {
+    font-size: 16px;
+}
+
+.container {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    margin: 10px auto 0px auto;
+    padding: 25px;
+}
+
+.container1 {
+    display: flex;
+    justify-content: center;
+}
+
+.container2 {
+    display: flex;
+    justify-content: center;
+}
+
+
+#showTodo {
+    padding: 10px;
+    display: flex;
+    flex-wrap: wrap;
+
+}
+
+#showTodo div {
+    background-color: beige;
+    display: flex;
+    flex-direction: column;
+    padding: 5px 10px 10px 10px;
+    margin-right: 7px;
+    margin-bottom: 7px;
+    justify-content: center;
+    width: 120px;
+    border-radius: 10px;
+}
diff --git a/week-2/week-2-async-js/hard (promises)/1-promisify-setTimeout.js b/week-2/week-2-async-js/hard (promises)/1-promisify-setTimeout.js
@@ -3,6 +3,9 @@
 */
 
 function wait(n) {
+    return new Promise((resolve) => {
+        setTimeout(resolve, n*1000)
+    })
 }
 
 module.exports = wait;
diff --git a/week-2/week-2-async-js/hard (promises)/2-sleep-completely.js b/week-2/week-2-async-js/hard (promises)/2-sleep-completely.js
@@ -5,6 +5,12 @@
  */
 
 function sleep(milliseconds) {
+    return new Promise((resolve) => {
+        const start = Date.now();
+        while(Date.now() <= start+milliseconds) {
+            resolve();
+        }
+    })
 }
 
 module.exports = sleep;
diff --git a/week-2/week-2-async-js/hard (promises)/3-promise-all.js b/week-2/week-2-async-js/hard (promises)/3-promise-all.js
@@ -5,19 +5,28 @@
  */
 
 function wait1(t) {
-
+    return new Promise((resolve) => {
+        setTimeout(resolve, t*1000);
+    })
 }
 
 function wait2(t) {
-
+    return new Promise((resolve) => {
+        setTimeout(resolve, t*1000);
+    })
 }
 
 function wait3(t) {
-
+    return new Promise((resolve) => {
+        setTimeout(resolve, t*1000);
+    })
 }
 
 function calculateTime(t1, t2, t3) {
-
+    let start = Date.now();
+    return Promise.all([wait1(t1), wait2(t2), wait3(t3)]).then(() => {
+        return Date.now()-start;
+    })
 }
 
 module.exports = calculateTime;
diff --git a/week-2/week-2-async-js/hard (promises)/4-promise-chain.js b/week-2/week-2-async-js/hard (promises)/4-promise-chain.js
@@ -6,19 +6,34 @@
  */
 
 function wait1(t) {
-
+    return new Promise((resolve) => {
+        setTimeout(resolve, t*1000);
+    })
 }
 
 function wait2(t) {
-
+    return new Promise((resolve) => {
+        setTimeout(resolve, t*1000);
+    })
 }
 
 function wait3(t) {
-
+    return new Promise((resolve) => {
+        setTimeout(resolve, t*1000);
+    })
 }
 
 function calculateTime(t1, t2, t3) {
-
+    let start = Date.now();
+    return wait1(t1).then(() => {
+        return wait2(t2);
+    })
+    .then(() => {
+        return wait3(t3);
+    })
+    .then(() => {
+        return Date.now()-start;
+    })
 }
 
 module.exports = calculateTime;
diff --git a/week-2/week-2-js/easy/anagram.js b/week-2/week-2-js/easy/anagram.js
@@ -5,7 +5,16 @@
 */
 
 function isAnagram(str1, str2) {
+  let newStr1 = str1.toLowerCase().split('').sort().join('');
+  let newStr2 = str2.toLowerCase().split('').sort().join('');
+  if(newStr1 === newStr2) {
+    return true;
+  }
+  else {
+    return false;
+  }
 
+
 }
 
 module.exports = isAnagram;
diff --git a/week-2/week-2-js/easy/expenditure-analysis.js b/week-2/week-2-js/easy/expenditure-analysis.js
@@ -14,7 +14,25 @@
 */
 
 function calculateTotalSpentByCategory(transactions) {
-  return [];
+  let priceTotal = {};
+  transactions.forEach((transaction) => {
+    let {category, price} = transaction;
+    if(priceTotal[category]){
+      priceTotal[category] += price;
+    }
+    else {
+      priceTotal[category] = price;
+    }
+  })
+
+  const result = Object.keys(priceTotal).map((category) => {
+    return {
+      category,
+      totalSpent: priceTotal[category]
+    }
+  })
+
+  return result;
 }
 
 module.exports = calculateTotalSpentByCategory;
diff --git a/week-2/week-2-js/easy/findLargestElement.js b/week-2/week-2-js/easy/findLargestElement.js
@@ -6,7 +6,13 @@
 */
 
 function findLargestElement(numbers) {
-
+    let max = numbers[0];
+    for(let i=1; i<numbers.length; i++) {
+        if(max < numbers[i]){
+            max = numbers[i];
+        }
+    }
+    return max;
 }
 
 module.exports = findLargestElement;
diff --git a/week-2/week-2-js/hard/calculator.js b/week-2/week-2-js/hard/calculator.js
@@ -16,6 +16,52 @@
   Once you've implemented the logic, test your code by running
 */
 
-class Calculator {}
+
+const math = require('mathjs');
+class Calculator {
+  constructor() {
+    this.result = 0;
+  }
+
+  add(n) {
+    this.result += n;
+  }
+
+  subtract(n) {
+    this.result -= n;
+  }
+
+  multiply(n) {
+    this.result *= n;
+  }
+
+  divide(n) {
+      if(n !== 0)
+      this.result /= n;
+      else
+      throw new Error("Not defined");
+
+  }
+
+  clear() {
+    this.result = 0;
+  }
+
+  getResult() {
+    return this.result;
+  }
+
+  calculate(expression) {
+    const trimmedExpression = expression.replace(/\s+/g, '');
+    try {
+      this.result =  math.evaluate(trimmedExpression);
+      if(this.result === Infinity || this.result === -Infinity){
+        throw new Error("Division by zero is not allowed");
+      }
+    } catch(error) {
+      throw new Error(`Invalid expression: ${error.message}`);
+    }
+  }
+}
 
 module.exports = Calculator;
diff --git a/week-2/week-2-js/hard/todo-list.js b/week-2/week-2-js/hard/todo-list.js
@@ -11,7 +11,36 @@
 */
 
 class Todo {
+  constructor() {
+    this.todos = [];
+  }
 
+  add(todo) {
+    this.todos.push(todo);
+  }
+
+  remove(indexOfTodo) {
+    this.todos.splice(indexOfTodo,1);
+  }
+
+  update(index, updatedTodo) {
+    if(index < this.todos.length)
+    this.todos[index] = updatedTodo;
+  }
+
+  getAll() {
+    return this.todos;
+  }
+
+  get(indexOfTodo) {
+    if(indexOfTodo < this.todos.length)
+    return this.todos[indexOfTodo];
+    else return null;
+  }
+
+  clear() {
+    this.todos = [];
+  }
 }
 
 module.exports = Todo;
diff --git a/week-2/week-2-js/medium/countVowels.js b/week-2/week-2-js/medium/countVowels.js
@@ -7,6 +7,12 @@
 
 function countVowels(str) {
     // Your code here
+    let newStr = str.toLowerCase().replace(/\s/g, "").split('');
+    let counter = 0;
+    newStr.forEach(element => {
+      if(element==='a' || element==='e' || element==='i' || element==='o' || element==='u') counter++;
+    });
+    return counter;
 }
 
 module.exports = countVowels;
diff --git a/week-2/week-2-js/medium/palindrome.js b/week-2/week-2-js/medium/palindrome.js
@@ -4,7 +4,16 @@
 */
 
 function isPalindrome(str) {
-  return true;
+  let newStr = str.toLowerCase().replace(/[\s\W]/g, '');
+  let strArray = newStr.split('');
+  const newArray = [];
+  let leng = strArray.length;
+  for(let i=0; i<leng; i++) {
+    newArray.push(strArray[leng-i-1]);
+  }
+
+  if(newArray.join('') === newStr) return true;
+  else return false;
 }
 
 module.exports = isPalindrome;