Spaces:
Running
Running
File size: 2,091 Bytes
6ced005 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
// date-time code
function displayDateTime() {
var date = new Date();
var options = {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
hour: 'numeric',
minute: 'numeric',
second: 'numeric',
hour12: true // display in 12-hour format
};
var dateTime = date.toLocaleString('en-US', options);
document.getElementById("dateclock").innerHTML = dateTime;
}
displayDateTime();
setInterval(displayDateTime, 1000); // update every second
// validate key press code
document
.addEventListener("keydown",function(event){
// if the user presses the "Enter" key on the keyboard
if(event.key === "Enter"){
// cancel the default action if any
event.preventDefault();
// trigger the button element with a click
document.getElementById("validate").click();
}
});
// info key press code
document
.addEventListener("keydown",function(event){
// if the user presses the "Enter" key on the keyboard
if(event.ctrlKey && String.fromCharCode(event.keyCode).toLowerCase() === "i"){
// cancel the default action if any
event.preventDefault();
// trigger the button element with a click
document.getElementById("info").click();
}
});
// code to print/save web page
const printPage = () => {
window.print();
}
document
.getElementById("print")
.addEventListener("click",printPage)
// scroll to top
const scrollToTopButton = document.getElementById('scroll');
// Show the button when the user scrolls down 20px from the top of the document
window.onscroll = function() {
if (document.documentElement.scrollTop > 20) {
scrollToTopButton.style.display = 'block';
} else {
scrollToTopButton.style.display = 'none';
}
};
// Scroll to the top of the document when the button is clicked
scrollToTopButton.addEventListener('click', function() {
document.documentElement.scrollTo({
top: 0,
behavior: 'smooth'
});
});
|