Landing-page/script.js at master · codeitzu/Landing-page · GitHub

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
// DOM grab
const time = document.getElementById('time');
const greeting = document.getElementById('greeting'),
    name = document.getElementById('name'),
    focus = document.getElementById('focus');

const show = true;

// show time function
function showTime() {
    let today = new Date(),
        hour = today.getHours(),
        min = today.getMinutes(),
        sec = today.getSeconds();

    // variable for AM or PM
    const amPm = hour >=12 ? 'PM' : 'AM';

    // get time in 12 hour format
    hour = hour % 12 || 12;

    // output time
    time.innerHTML = `${hour}<span></span>:${addZero(min)}<span></span>:${addZero(sec)}${show ? amPm : ''}`;

    // update every second
    setTimeout(showTime, 1000);
}

// add zeros
function addZero(n) {
    return (parseInt(n, 10) < 10 ? '0' : '') + n;
}

// set baground image and Greeting
function background() {
    let today = new Date(),
        hour = today.getHours();

    if (hour < 12) {
        // good morning
        document.body.style.backgroundImage = "url('../img/morning.jpg')";
        greeting.textContent = 'Good Morning';
    } else if(hour < 18) {
        // good afternoon
        document.body.style.backgroundImage = "url('../img/afternoon.jpg')";
        greeting.textContent = 'Good Afternoon';
    } else {
        // good evening
        document.body.style.backgroundImage = "url('../img/night.jpg')";
        greeting.textContent = 'Good Evening';
        document.body.style.color = 'white';
    }
}

// Get the name
function getName() {
    if (localStorage.getItem('name') === null) {
        name.textContent = '[Enter Your Name ]';
    } else {
        name.textContent = localStorage.getItem('name');
    }
}

// set Name
// function setName(e) {
//     if (e.type === 'keypress') {
//         // enter is pressed
//         if (e.which == 13 || e.keyCode == 13) {
//             localStorage.setItem('name', e.target.innerText);
//             name.blur();
//         }
//     } else {
//         localStorage.setItem('name', e.target.innerText);
//     }
// }

// Get the focus
// function getFocus() {
//     if (localStorage.getItem('focus') === null) {
//         focus.textContent = '[Enter Your Focus ]';
//     } else {
//         focus.textContent = localStorage.getItem('focus');
//     }
// }

// set Name
// function setFocus(e) {
//     if (e.type === 'keypress') {
//         // enter is pressed
//         if (e.which == 13 || e.keyCode == 13) {
//             localStorage.setItem('focus', e.target.innerText);
//             focus.blur();
//         }
//     } else {
//         localStorage.setItem('focus', e.target.innerText);
//     }
// }


// name.addEventListener('keypress', setName);
// name.addEventListener('blur', setName);
// focus.addEventListener('keypress', setFocus);
// focus.addEventListener('blur', setFocus);

// run
showTime();
// background();
// getName();
// getFocus();