-
Notifications
You must be signed in to change notification settings - Fork 1
/
main.js
45 lines (43 loc) · 1.5 KB
/
main.js
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
function loadFunction(e) {
var body = document.querySelector("body");
var astro = document.getElementById("lua");
var btnAman = document.getElementById("aman");
var btnAnoi = document.getElementById("anoi");
var nuvemEsquerda = document.getElementById("nuvem-esquerda");
var nuvemDireita = document.getElementById("nuvem-direita");
var estrelas = document.getElementById("estrelas");
var css = {
fill: "#fbd42e",
cx: "115",
cy: "-10",
r: "200",
};
btnAman.addEventListener("click", function (e) {
document
.querySelector('meta[name="theme-color"]')
.setAttribute("content", "#2d5d63");
nuvemEsquerda.style.transform = "translate(120px, 25px)";
nuvemDireita.style.transform = "translate(1200px, 95.937px)";
Object.assign(astro.style, css);
estrelas.style.display = "none";
body.classList.remove("noite");
body.classList.add("dia");
astro.classList.add("dia");
astro.classList.remove("noite");
});
btnAnoi.addEventListener("click", function (e) {
document
.querySelector('meta[name="theme-color"]')
.setAttribute("content", "#39cfdc");
if (astro.attributes.getNamedItem("style")) {
nuvemEsquerda.attributes.removeNamedItem("style");
nuvemDireita.attributes.removeNamedItem("style");
astro.attributes.removeNamedItem("style");
}
body.classList.remove("dia");
body.classList.add("noite");
astro.classList.add("noite");
astro.classList.remove("dia");
estrelas.style.display = "block";
});
}