File tree Expand file tree Collapse file tree 2 files changed +15
-14
lines changed
Source-Code/BatteryIndicator Expand file tree Collapse file tree 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' ) ;
44
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 ) } %` ;
88 } ) ;
99
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' ) ;
1414 } ) ;
1515} ) ;
Original file line number Diff line number Diff line change 1+ /* stylelint-disable */
12@import url ("https://fonts.googleapis.com/css2?family=Poppins&display=swap" );
23
34* {
@@ -33,7 +34,6 @@ section.dark::before {
3334 background : linear-gradient (# ffc107, # e91e63 );
3435}
3536
36-
3737section ::after {
3838 content : "" ;
3939 position : absolute;
@@ -73,7 +73,7 @@ section.dark::after {
7373}
7474
7575.box h3 {
76- color : # 000000 ;
76+ color : # 000 ;
7777 font-weight : 500 ;
7878 font-size : 1.2rem ;
7979 letter-spacing : 1px ;
@@ -129,6 +129,7 @@ section.dark .batteryShape::before {
129129 left : 4px ;
130130 right : 4px ;
131131 bottom : 4px ;
132+
132133 /* background: #333; */
133134 overflow : hidden;
134135}
@@ -148,7 +149,7 @@ section.dark .percentage {
148149}
149150
150151.percent {
151- color : # 000000 ;
152+ color : # 000 ;
152153 font-size : 2em ;
153154 font-weight : 700 ;
154155}
@@ -184,4 +185,4 @@ section.dark .percent {
184185.dark .toggle ::before {
185186 content : "\f185" ;
186187 color : # 161623 ;
187- }
188+ }
You can’t perform that action at this time.
0 commit comments