Skip to content
Open
28 changes: 28 additions & 0 deletions Calculator/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
body{
background-color:blueviolet;
}
.container{
text-align: center;
margin-top: 5%;
}
table{
margin:auto;
}
input{
border-radius: 20%;
font-size:150%;
border:solid black;
}
button {
font-size: 35px;
background:white ;
width: 78px;
height: 57px;
border-radius: 15px;
}
.calculate{
display: inline-block;
padding: 23px;
border-radius: 0px;
background-color:grey;
}
58 changes: 58 additions & 0 deletions Calculator/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!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">
<link rel="stylesheet" href="./index.css">
<title>Calculator</title>
</head>
<body>
<div class="container">
<h1 style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">CALCULATOR</h1>
<div class="calculate">
<input type="text" name="screen" id="screen">

<table>
<tr>
<td><button>(</button></td>
<td><button>)</button></td>
<td><button>C</button></td>
<td><button>%</button></td>
</tr>
<tr>
<td><button>7</button></td>
<td><button>8</button></td>
<td><button>9</button></td>
<td><button>*</button></td>
</tr>
<tr>
<td><button>4</button></td>
<td><button>5</button></td>
<td><button>6</button></td>
<td><button>-</button></td>
</tr>
<tr>
<td><button>1</button></td>
<td><button>2</button></td>
<td><button>3</button></td>
<td><button>+</button></td>
</tr>
<tr>
<td><button>0</button></td>
<td><button>.</button></td>
<td><button>/</button></td>
<td><button>=</button></td>
</tr>
</table>
</div>






</div>
</body>
<script src="./index.js"></script>
</html>
29 changes: 29 additions & 0 deletions Calculator/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
let screen=document.getElementById('screen');
buttons=document.querySelectorAll('button');
let screenValue='';
for(item of buttons){
item.addEventListener('click',(e)=>{
buttonText=e.target.innerText;
// if(buttonText=='X'){
// butttonText= '*' ;
// screenValue += buttonText;
// screen.value = screenValue;
// }
if(buttonText=='C')
{
screenValue="";
screen.value = screenValue;
}
else if(buttonText== '=' )
{
screen.value = eval(screenValue);

}
else{
screenValue += buttonText;
screen.value = screenValue;
}


});
}
Binary file added Calendar/Cyber_Group_Logo.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
79 changes: 79 additions & 0 deletions Calendar/apr.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">

</head>
<body style="background-image: url('body1.jpg'); background-repeat: no-repeat; background-size:cover;background-attachment: fixed;">
<h1 style="text-align: center;color: darkgreen;"><b><u>CYBER GROUP CALENDAR 2021</u></b></h1>
<table style="border-spacing:15px 20px;" id="april" class="center_table">
<caption><h1>April</h1></caption>
<tr>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Sun</th>
</tr>
<tr>
<td class="prev_or_next">29</td>
<td class="prev_or_next">30</td>
<td class="prev_or_next">31</td>
<td>1</td>
<td onclick="goodFridayAlert()">2<br><span class="holidays_in_common">Good Friday</span></td>
<td>3</td>
<td class="sunday">4</td>

</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td class="sunday">11</td>

</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td class="sunday">18</td>

</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td class="sunday">25</td>

</tr>
<tr>
<td >26</td>
<td>27</td>
<td>28</td>
<td >29</td>
<td >30</td>
<td class="prev_or_next">1</td>
<td class="sunday" style="opacity:0.4">2</td>

</tr>

</table>

<script src="script.js"></script>
</body>
</html>
94 changes: 94 additions & 0 deletions Calendar/aug.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">

</head>
<body style="background-image: url('body1.jpg'); background-repeat: no-repeat; background-size:cover;background-attachment: fixed;">
<h1 style="text-align: center;color: darkgreen;"><b><u>CYBER GROUP CALENDAR 2021</u></b></h1>
<table style="border-spacing:15px 20px" id="august" class="center_table">
<caption><h1>August</h1></caption>
<tr>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Sun</th>

</tr>
<tr>
<td class="prev_or_next">26</td>
<td class="prev_or_next">27</td>
<td class="prev_or_next">28</td>
<td class="prev_or_next">29</td>
<td class="prev_or_next">30</td>
<td class="prev_or_next">31</td>
<td class="sunday">1</td>


</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td class="sunday">8</td>


</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td class="sunday">15</td>


</tr>
<tr>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td class="sunday">22</td>


</tr>
<tr>
<td>23</td>
<td>24</td>
<td>25</td>
<td >26</td>
<td >27</td>
<td>28</td>
<td class="sunday">29</td>

</tr>
<tr>
<td onclick="janmashtamiAlert()">30<br><span class="holidays_in_india">Janmashtami</span></td>
<td>31</td>
<td class="prev_or_next">1</td>
<td class="prev_or_next">2</td>
<td class="prev_or_next">3</td>
<td class="prev_or_next">4</td>
<td class="sunday" style="opacity:0.4">5</td>

</tr>

</table>

<script src="script.js"></script>
</body>
</html>
Binary file added Calendar/body1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Calendar/body4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
94 changes: 94 additions & 0 deletions Calendar/dec.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">

</head>
<body style="background-image: url('body1.jpg'); background-repeat: no-repeat; background-size:cover;background-attachment: fixed;">
<h1 style="text-align: center;color: darkgreen;"><b><u>CYBER GROUP CALENDAR 2021</u></b></h1>
<table style="border-spacing:15px 20px" id="december" class="center_table">
<caption><h1>December</h1></caption>
<tr>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Sun</th>

</tr>
<tr>

<td class="prev_or_next">29</td>
<td class="prev_or_next">30</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td class="sunday">5</td>


</tr>
<tr>


<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td class="sunday">12</td>


</tr>
<tr>


<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td class="sunday">19</td>


</tr>
<tr>


<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td onclick="eveAlert()">24<br><span class="holidays_in_dallas">Christmas Eve</span></td>
<td>25</td>
<td class="sunday">26</td>


</tr>
<tr>


<td onclick="christmasAlert()">27<br><span class="holidays_in_common" >Christmas</span></td>
<td>28</td>
<td>29</td>
<td>30</td>
<td onclick="newEveAlert()">31<br><span class="holidays_in_dallas">New Year's Eve</span></td>
<td class="prev_or_next">1</td>
<td class="prev_or_next">2</td>

</tr>


</table>

<script src="script.js"></script>
</body>
</html>
Loading