random-number/script.js at master · hide-place/random-number · 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

const label = document.getElementById('lbl');
const modeToggle = document.getElementById('mode-toggle');


function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function generateRandomNumber() {
    label.style.fontSize = '100px';


    for(i=0 ; i < 10 ; i++){
        var randomNumber = Math.floor(1000 + Math.random() * 9000);
        label.classList.add('red');
        label.innerText = randomNumber;
        await sleep(50);
    }
    label.classList.remove('red')
    label.classList.add('green');
    label.innerText = randomNumber;
    copyToClipboard(randomNumber);
    await sleep(1000);
    label.style.fontSize = '50px'
    label.classList.remove('green')

}

label.addEventListener('mouseenter' , generateRandomNumber)


// Function to copy text to clipboard
function copyToClipboard(text) {
    navigator.clipboard.writeText(text).then(function() {
        // Show notification
        document.getElementById('copyNotification').style.display = 'inline';
        // Hide notification after 2 seconds
        setTimeout(function() {
            document.getElementById('copyNotification').style.display = 'none';
        }, 2000);
    }, function(err) {
        console.error('Failed to copy: ', err);
    });
}


var isdark = localStorage.getItem('isDark')

if(isdark){
    document.body.classList.add('dark-body');
    modeToggle.classList.add('dark-mode-toggle');
    modeToggle.classList.add('fa-sun');
    label.style.border = 'solid 1px white';
}


modeToggle.addEventListener('click' , () => {
    var backgroundColor = window.getComputedStyle(document.body).backgroundColor;
    if(backgroundColor== 'rgb(255, 255, 255)'){
        document.body.classList.add('dark-body');
        modeToggle.classList.add('dark-mode-toggle');
        modeToggle.classList.add('fa-sun');
        label.style.border = 'solid 1px white';
        localStorage.setItem('isDark', true);
    }
    else{
        document.body.classList.remove('dark-body');
        modeToggle.classList.remove('dark-mode-toggle');
        modeToggle.classList.remove('fa-sun')
        modeToggle.classList.add('fa-moon')
        label.style.border = 'solid 1px black';
        localStorage.removeItem('isDark');
    }
})