File tree 2 files changed +15
-14
lines changed
Source-Code/BatteryIndicator
2 files changed +15
-14
lines changed Original file line number Diff line number Diff line change 1
- document . addEventListener ( " DOMContentLoaded" , ( ) => {
2
- let percentage = document . querySelector ( " .percentage" ) ;
3
- let percent = document . querySelector ( " .percent" ) ;
1
+ document . addEventListener ( ' DOMContentLoaded' , ( ) => {
2
+ const percentage = document . querySelector ( ' .percentage' ) ;
3
+ const percent = document . querySelector ( ' .percent' ) ;
4
4
5
- navigator . getBattery ( ) . then ( function ( battery ) {
6
- percentage . style . width = battery . level * 100 + "%" ;
7
- percent . innerHTML = Math . floor ( battery . level * 100 ) + "%" ;
5
+ navigator . getBattery ( ) . then ( ( battery ) => {
6
+ percentage . style . width = ` ${ battery . level * 100 } %` ;
7
+ percent . innerHTML = ` ${ Math . floor ( battery . level * 100 ) } %` ;
8
8
} ) ;
9
9
10
- let sec = document . querySelector ( " .sec" ) ;
11
- let toggle = document . querySelector ( " .toggle" ) ;
12
- toggle . addEventListener ( " click" , function ( ) {
13
- sec . classList . toggle ( " dark" ) ;
10
+ const sec = document . querySelector ( ' .sec' ) ;
11
+ const toggle = document . querySelector ( ' .toggle' ) ;
12
+ toggle . addEventListener ( ' click' , ( ) => {
13
+ sec . classList . toggle ( ' dark' ) ;
14
14
} ) ;
15
15
} ) ;
Original file line number Diff line number Diff line change
1
+ /* stylelint-disable */
1
2
@import url ("https://fonts.googleapis.com/css2?family=Poppins&display=swap" );
2
3
3
4
* {
@@ -33,7 +34,6 @@ section.dark::before {
33
34
background : linear-gradient (# ffc107, # e91e63 );
34
35
}
35
36
36
-
37
37
section ::after {
38
38
content : "" ;
39
39
position : absolute;
@@ -73,7 +73,7 @@ section.dark::after {
73
73
}
74
74
75
75
.box h3 {
76
- color : # 000000 ;
76
+ color : # 000 ;
77
77
font-weight : 500 ;
78
78
font-size : 1.2rem ;
79
79
letter-spacing : 1px ;
@@ -129,6 +129,7 @@ section.dark .batteryShape::before {
129
129
left : 4px ;
130
130
right : 4px ;
131
131
bottom : 4px ;
132
+
132
133
/* background: #333; */
133
134
overflow : hidden;
134
135
}
@@ -148,7 +149,7 @@ section.dark .percentage {
148
149
}
149
150
150
151
.percent {
151
- color : # 000000 ;
152
+ color : # 000 ;
152
153
font-size : 2em ;
153
154
font-weight : 700 ;
154
155
}
@@ -184,4 +185,4 @@ section.dark .percent {
184
185
.dark .toggle ::before {
185
186
content : "\f185" ;
186
187
color : # 161623 ;
187
- }
188
+ }
You can’t perform that action at this time.
0 commit comments