sonalichawla16 · vikasdev1999 · Apr 7, 2021 · Apr 7, 2021 · Apr 14, 2021 · Apr 15, 2021
diff --git a/Calculator/index.html b/Calculator/index.html
@@ -0,0 +1,52 @@
+<!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>Calculator </title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div>
+		<header id="screen"></header>
+		<table>
+
+      			<tbody>
+				<tr class="orange">
+					<td onclick="clearScr()">AC</td>
+          				<td onclick="sendNum('*0.01')">%</td>
+          				<td onclick="sendNum('/')">/</td>
+				</tr>
+				<tr class="orange">
+					<td onclick="sendNum('+')">+</td>
+					<td onclick="sendNum('-')">-</td>
+					<td onclick="sendNum('*')">x</td>
+				</tr>
+				<tr>
+			    		<td onclick="sendNum('7')">7</td>
+			    		<td onclick="sendNum('8')">8</td>
+			    		<td onclick="sendNum('9')">9</td>
+				</tr>
+				<tr>
+					<td onclick="sendNum('4')">4</td>
+					<td onclick="sendNum('5')">5</td>
+					<td onclick="sendNum('6')">6</td>
+				</tr>
+				<tr>
+      					<td onclick="sendNum('1')">1</td>
+					<td onclick="sendNum('2')">2</td>
+					<td onclick="sendNum('3')">3</td>
+				</tr>
+				<tr>
+      					<td onclick="sendNum('.')">.</td>
+					<td onclick="sendNum('0')">0</td>
+					<td onclick="equalTo()">=</td>
+				</tr>	
+			</tbody>
+		</table>
+	</div>
+
+    <script src="scripts.js"></script>
+</body>
+</html>
diff --git a/Calculator/scripts.js b/Calculator/scripts.js
@@ -0,0 +1,61 @@
+var a = '';
+var b = '';
+var num = [];
+var ans;
+
+// All the numbers and operators input will be stored in an array "num" using function "sendNum()"
+function sendNum(digit){
+
+	num.push(digit);
+
+	if(num.length != 1){
+		a = '';
+		document.getElementById('screen').innerHTML = a;		// clearing the screen.
+	}
+
+
+	for(i=0; i<num.length ; i++){
+
+		a = a + num[i];				// concatenate the elements of the array "num" into a single string, which will be displayed on the screen
+
+	}
+
+document.getElementById('screen').innerHTML = a;	// displaying the concatenated string
+
+
+}
+
+// when the user presses "=", function "equalTo()" is called 
+function equalTo(){
+	document.getElementById('screen').innerHTML = '';
+
+	for(i=0; i<num.length ; i++){
+
+		b += num[i];						// concatenating the array "num" into a single string
+	}
+
+	ans = eval(b);	
+
+	document.getElementById('screen').innerHTML = ans;		// result display
+
+	while(num.length > 0){
+    	num.pop();				// emptying the array "num"
+	}
+
+	num.push(ans.toString());
+
+
+}
+
+
+// When user presses "AC", function "clearScr()" is called
+function clearScr(){
+	document.getElementById('screen').innerHTML = '';
+
+	while(num.length > 0){
+    	num.pop();				// emptying the array "num"
+	}
+
+	a ='';	
+	b ='';
+}
diff --git a/Calculator/styles.css b/Calculator/styles.css
@@ -0,0 +1,47 @@
+div{
+	background-color: #334d4d;
+	margin: 50px;
+	width: 350px;
+	height: 550px;
+	margin: 0 auto;			/* horizontally centreing an element */
+	border-radius: 20px;
+	padding: 10px;
+}
+
+header{
+	background-color: #d1e0e0;
+	width: 330px;
+	height: 100px;
+	border-radius: 20px;
+	margin: 0 auto;	
+	font-size: xx-large;
+	color: #000000;
+	text-align: center;
+
+}
+
+table{
+	background-color: #FFFFFF;
+	margin: 0 auto;
+	margin-top: 20px;
+	margin-right: 10px;
+	margin-left: 10px;
+	border-radius: 20px;
+}
+
+td{
+	width: 110px;
+	height: 60px;
+	text-align: center;
+	font-size: xx-large;
+
+}
+
+.orange{
+	color: #ff3300;
+}
+
+td:active{
+	background-color: #e0e0d1;
+	border-radius: 20px;
+}
diff --git a/Calender-App/cyber.png b/Calender-App/cyber.png
diff --git a/Calender-App/index.html b/Calender-App/index.html
@@ -0,0 +1,67 @@
+<!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>Calendar</title>
+    <link rel="shortcut icon" href="./cyber.png">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
+    <link rel="stylesheet" href="styles.css">
+</head>
+</head>
+
+<body>
+    <div class="py-5">
+        <center>
+            <h3>Cyber-Group Holidays Calendar</h3>
+        </center>
+    </div>
+
+    <div class="wrapper">
+        <div class="container-calendar">
+            <h3 id="monthAndYear"></h3>
+            <div class="button-container-calendar">
+               <!-- <button id="previous" onclick="previous()">&#8249;</button>
+                <button id="next" onclick="next()">&#8250;</button>-->
+            </div>
+
+            <table class="table-calendar" id="calendar" data-lang="en">
+                <thead id="thead-month"></thead>
+                <tbody id="calendar-body"></tbody>
+            </table>
+
+            <div class="footer-container-calendar">
+                <label for="month">Jump To: </label>
+                <select id="month" onchange="jump()">
+                    <option value=0>Jan</option>
+                    <option value=1>Feb</option>
+                    <option value=2>Mar</option>
+                    <option value=3>Apr</option>
+                    <option value=4>May</option>
+                    <option value=5>Jun</option>
+                    <option value=6>Jul</option>
+                    <option value=7>Aug</option>
+                    <option value=8>Sep</option>
+                    <option value=9>Oct</option>
+                    <option value=10>Nov</option>
+                    <option value=11>Dec</option>
+                </select> 
+            </div>
+            <div class="add-text"></div>
+        </div>
+        <div class="wrapper">
+            <div class="py-3">
+            <center><div class="py-5">MADE BY VIKAS UPADHAYAY</div></center>
+        </div>
+        </div>
+      </div>
+    <script src="scripts.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
+        crossorigin="anonymous"></script>
+</body>
+
+</html>
diff --git a/Calender-App/scripts.js b/Calender-App/scripts.js
@@ -0,0 +1,150 @@
+  var today = new Date();
+  var currentMonth = today.getMonth();
+  var currentYear = today.getFullYear();
+  var selectMonth = document.getElementById("month");
+
+
+  var calendar = document.getElementById("calendar");
+  var lang = calendar.getAttribute('data-lang');
+
+  var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+  var days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+
+
+  const indian_dallas_holiday = [
+    [0, 1, "New Year's Day"],
+    [3, 2, "Good Friday"],
+    [11, 27, "Christmas (observed)"],
+  ];
+
+
+  const i_holiday = [
+    [0, 26, "Republic Day"],
+    [2, 29, "Holi"],
+    [4, 13, "Ramzan/ Eid-ul-Fitr"],
+    [7, 30, "Janmashtami"],
+    [9, 15, "Dussehra"],
+    [10, 4, "Diwali"],
+    [10, 5, "Diwali"],
+  ];
+
+
+  const d_holiday = [
+    [4, 31, "Memorial Day"],
+    [6, 5, "Independence Day (observed)"],
+    [8, 6, "Labor Day"],
+    [10, 25, "Thanksgiving"],
+    [10, 26, "Thanksgiving"],
+    [11, 24, "Christmas Eve"],
+    [11, 31, "New Year’s Eve"],
+  ];
+
+  var dayHeader = "<tr>";
+  for (day in days) {
+    dayHeader += "<th data-days='" + days[day] + "'>" + days[day] + "</th>";
+  }
+  dayHeader += "</tr>";
+
+  document.getElementById("thead-month").innerHTML = dayHeader;
+
+
+  monthAndYear = document.getElementById("monthAndYear");
+  showCalendar(currentMonth, 2021);
+
+
+  function jump() {
+	document.querySelector('.add-text').innerHTML = "";
+    currentMonth = parseInt(selectMonth.value);
+    showCalendar(currentMonth, 2021);
+  }
+
+  function showCalendar(month, year) {
+
+    var firstDay = ( new Date( year, month ) ).getDay();
+
+    tbl = document.getElementById("calendar-body");
+
+
+    tbl.innerHTML = "";
+
+
+    monthAndYear.innerHTML = months[month] + " " + year;
+    selectMonth.value = month;
+
+    // creating all cells
+    var date = 0;
+    for ( var i = 0; i < 6; i++ ) {
+        var row = document.createElement("tr");
+
+        for ( var j = 0; j < 7; j++ ) {
+            if ( i === 0 && j < firstDay ) {
+                cell = document.createElement( "td" );
+                cellText = document.createTextNode("");
+                cell.appendChild(cellText);
+                row.appendChild(cell);
+            } else if (date >= daysInMonth(month, year)) {
+                break;
+            } else {
+                date++;
+                cell = document.createElement("td");
+                cell.setAttribute("data-date", date);
+                cell.setAttribute("data-month", month + 1);
+                cell.setAttribute("data-year", year);
+                cell.setAttribute("data-month_name", months[month]);
+                cell.className = "date-picker";
+                cell.innerHTML = "<span>" + date + "</span>";
+
+                if ( date === today.getDate() && year === today.getFullYear() && month === today.getMonth() ) {
+                    cell.className = "date-picker selected";
+                }
+                row.appendChild(cell);
+
+            }
+
+            let status_code = 0;
+            //common holiday
+            indian_dallas_holiday.forEach((index) => {
+                if (month == index[0] && date == index[1])
+                 {
+                     cell.classList.add("holidays");
+                     cell.onclick = () =>{
+                         document.querySelector('.add-text').innerHTML = "India and Dallas office are celebrating " +
+                         index[2]; 
+                     }
+                 }
+            });
+
+            i_holiday.forEach((index) => {
+                if (month == index[0] && date == index[1])
+                 {
+                     cell.classList.add("i-holidays");
+                     cell.onclick = () =>{
+                        document.querySelector('.add-text').innerHTML = "India office is celebrating " +
+                        index[2]; 
+                    }
+                 }
+            });
+
+            d_holiday.forEach((index) => {
+                if (month == index[0] && date == index[1])
+                 {
+                     cell.classList.add("d-holidays");
+                     cell.onclick = () =>{
+                        document.querySelector('.add-text').innerHTML = "Dallas office is celebrating " +
+                        index[2]; 
+                    }
+                 }
+            });
+
+        }
+
+        tbl.appendChild(row);
+    }
+
+  }
+
+  function daysInMonth(iMonth, iYear) {
+    return 32 - new Date(iYear, iMonth, 32).getDate();
+  }
+
+