28 |
29 |
33 |
37 | Made with 
By Ayush Agnihotri
23 |
24 |
21 |
22 |
23 |
24 |
46 |
47 | ### ❤️ Connect with me:
48 |
49 | You can find my all contact links [here](https://mrayush.me/contact-me).
50 |
51 | 💙 Follow me on GitHub for more such projects. [@AyushAgnihotri2025](https://github.com/AyushAgnihotri2025)
--------------------------------------------------------------------------------
/script.js:
--------------------------------------------------------------------------------
1 | // (c) 2022 Ayush Agnihotri
2 |
3 | const now = new Date()
4 |
5 | const c1 = document.querySelector('.c1');
6 | const c2 = document.querySelector('.c2');
7 | const c3 = document.querySelector('.c3');
8 | const C1 = document.querySelector('.C1');
9 | const Q1 = document.querySelector('.Q1');
10 | const C2 = document.querySelector('.C2');
11 | const Q2 = document.querySelector('.Q2');
12 | const C3 = document.querySelector('.C3');
13 | const Q3 = document.querySelector('.Q3');
14 |
15 | c1.addEventListener('click', () => {
16 | C1.classList.toggle('C1');
17 | Q1.classList.toggle('Q1');
18 | C3.classList.add('C3');
19 | Q3.classList.add('Q3');
20 | C2.classList.add('C2');
21 | Q2.classList.add('Q2');
22 | const now = new Date().getHours()
23 | const min = new Date().getMinutes()
24 | const distance = now + ":" + min;
25 | const blogList = document.querySelector(".time1");
26 | blogList.innerHTML = distance;
27 | });
28 |
29 | c2.addEventListener('click', () => {
30 | C2.classList.toggle('C2');
31 | Q2.classList.toggle('Q2');
32 | C1.classList.add('C1');
33 | Q1.classList.add('Q1');
34 | C3.classList.add('C3');
35 | Q3.classList.add('Q3');
36 | const now = new Date().getHours()
37 | const min = new Date().getMinutes()
38 | const distance = now + ":" + min;
39 | const blogList = document.querySelector(".time2");
40 | blogList.innerHTML = distance;
41 | });
42 |
43 | c3.addEventListener('click', () => {
44 | C3.classList.toggle('C3');
45 | Q3.classList.toggle('Q3');
46 | C1.classList.add('C1');
47 | Q1.classList.add('Q1');
48 | C2.classList.add('C2');
49 | Q2.classList.add('Q2');
50 | const now = new Date().getHours()
51 | const min = new Date().getMinutes()
52 | const distance = now + ":" + min;
53 | const blogList = document.querySelector(".time3");
54 | blogList.innerHTML = distance;
55 | });
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Made with By Ayush Agnihotri
74 | Developer
79 |Hi there 👋
How can I help you?
2:21
87 |
95 | Start Chat
96 |
97 | 
104 |
124 | Developer
129 |Hi there 👋
How can I help you?
2:21
137 |
145 | Start Chat
146 |
147 | 
154 |
174 | Developer
179 |2:21
184 |
189 | Hi there 👋
How can I help you?
202 | Start Chat
203 |
204 | 
211 |