File tree 1 file changed +11
-27
lines changed
1 file changed +11
-27
lines changed Original file line number Diff line number Diff line change 1
1
const balloon = document . querySelector ( 'p' ) ;
2
2
balloon . style . fontSize = '16px' ;
3
3
4
- function inflate ( ) {
5
- let currentSize = Number ( balloon . style . fontSize . match ( / \d + / g) ) ;
6
- balloon . style . fontSize = `${ currentSize + 5 } px` ;
7
- }
8
-
9
- function deflate ( ) {
10
- let currentSize = Number ( balloon . style . fontSize . match ( / \d + / g) ) ;
11
- balloon . style . fontSize = `${ currentSize - 5 } px` ;
12
- }
13
-
14
- function explode ( ) {
15
- balloon . innerText = "💥" ;
16
- }
17
-
18
4
function controlSize ( e ) {
5
+ let size = Number ( balloon . style . fontSize . match ( / \d + / g) ) ;
6
+
19
7
if ( e . key == `ArrowUp` ) {
20
- inflate ( ) ;
21
- } else if ( e . key = 'ArrowDown' ) {
22
- deflate ( ) ;
23
- } }
8
+ balloon . style . fontSize = `${ size + 5 } px`
24
9
25
- window . addEventListener ( 'keydown' , controlSize ) ;
26
-
27
- window . addEventListener ( 'keydown' , ( ) => {
28
- let currentSize = Number ( balloon . style . fontSize . match ( / \d + / g) )
29
- if ( currentSize > 240 ) {
30
- explode ( ) ;
31
- window . removeEventListener ( 'keydown' , controlSize ) ;
10
+ if ( size > 340 ) {
11
+ balloon . innerText = "💥" ;
12
+ window . removeEventListener ( 'keydown' , controlSize ) ;
13
+ }
14
+ } else if ( e . key = 'ArrowDown' ) {
15
+ balloon . style . fontSize = `${ size - 5 } px` ;
32
16
}
33
- } )
34
-
17
+ }
35
18
19
+ window . addEventListener ( 'keydown' , controlSize ) ;
You can’t perform that action at this time.
0 commit comments