Skip to content

Commit f74b32d

Browse files
committed
Add button to update current date and time based on mode
1 parent ed531b7 commit f74b32d

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

main.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,11 @@ const currentDateTimeText = document.getElementById("currentDateTime"); //curren
22
const currentDateTimeUtcText = document.getElementById("currentDateTimeUtc"); //current date and time in UTC text
33
const currentProgressText = document.getElementById("currentProgress"); //current progress text
44
const updateDateTimeButton = document.getElementById("updateDateTime"); //update date and time button
5+
const updateLocalDateTimeButton = document.getElementById(
6+
"updateLocalDateTime",
7+
); //update local date and time button
58
const updateDateTimeUtcButton = document.getElementById("updateUtcDateTime"); //update date and time in UTC button
9+
let mode = "local"; //current mode
610
let currentDateTime = new Date(); //current date and time
711
let currentUtcDateTime = new Date(
812
currentDateTime.getUTCFullYear(),
@@ -168,6 +172,7 @@ let secondProgressUtc =
168172
const percentage = (number) => (number * 100).toFixed(4) + "%"; //percentage function
169173
const setCurrentDateTime = () => {
170174
//function to set current date and time
175+
mode = "local"; //set mode to local
171176
updateCurrentDateTime(); //update current date and time
172177
currentYear = currentDateTime.getFullYear(); //current year
173178
currentUtcYear = currentDateTime.getUTCFullYear(); //current year in UTC
@@ -326,6 +331,7 @@ const setCurrentDateTime = () => {
326331
};
327332
const setCurrentDateTimeUtc = () => {
328333
//function to set current date and time in UTC
334+
mode = "utc"; //set mode to UTC
329335
updateCurrentDateTime(); //update current date and time
330336
currentYear = currentDateTime.getFullYear(); //current year
331337
currentUtcYear = currentDateTime.getUTCFullYear(); //current year in UTC
@@ -510,6 +516,14 @@ window.onload = () => {
510516
setCurrentDateTime();
511517
}; //set current date and time when page is loaded
512518
updateDateTimeButton.onclick = () => {
519+
mode === "local"
520+
? setCurrentDateTime()
521+
: mode === "utc"
522+
? setCurrentDateTimeUtc()
523+
: "";
524+
}; //update date and time when button is clicked
525+
526+
updateLocalDateTimeButton.onclick = () => {
513527
setCurrentDateTime();
514528
}; //update date and time when button is clicked
515529
updateDateTimeUtcButton.onclick = () => {

0 commit comments

Comments
 (0)