tailwindcss-clone/index.js at main · sidsimo/tailwindcss-clone · 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
const cards1 = document.getElementById("cards1");
const cards2 = document.getElementById("cards2");
const cards3 = document.getElementById("cards3");
const cards4 = document.getElementById("cards4");
const btn = document.getElementById("btn");
const btnx = document.getElementById("btnx");
const points = document.getElementById("points");
const x = document.getElementById("x");
const hidshow = document.getElementById("hidshow");
const close = document.getElementById("close");
btn.addEventListener("click" , function () {
});
points.onclick = function() {
    hidshow.style.display = "block";
}
x.onclick = function() {
    hidshow.style.display = "none";
}
window.scroll({
    behavior : "smooth"
});

btn.onclick = function () {
    cards3.style.display = "flex";
    cards4.style.display = "flex";
    btn.style.display = "none";
    btnx.style.display = "block";
}
btnx.onclick = function () {
    cards3.style.display = "none";
    cards4.style.display = "none";
    btnx.style.display = "none";
    btn.style.display = "block";
}

close.onclick = function() {
    document.querySelector(".alert").style.display = "none";
}
if(navigator.userAgent.toLocaleLowerCase().includes("android")) {
    document.querySelector(".alert").style.display = "flex";
}else {
    document.querySelector(".alert").style.display = "none";
}