File tree Expand file tree Collapse file tree 3 files changed +18
-1
lines changed Expand file tree Collapse file tree 3 files changed +18
-1
lines changed Original file line number Diff line number Diff line change 15
15
</ div >
16
16
</ div >
17
17
18
+ < div id ="contrib ">
19
+ Contribute more haha events on < a href ="https://github.com/tsoding/button " target ="_blank "> GitHub</ a >
20
+ </ div >
21
+
18
22
< button class ="center " id ="clickMe "> </ button >
19
23
< label id ="clickMeWrapper " for ="clickMe " class ="center ">
20
24
< div id ="clickMeText ">
Original file line number Diff line number Diff line change @@ -35,6 +35,12 @@ const regularAction = () => {
35
35
playFart ( regularFart , true ) ;
36
36
}
37
37
38
+ const thatsItForNow = ( ) => {
39
+ clickMeText . innerHTML = `That's it for now!` ;
40
+ playFart ( regularFart , true ) ;
41
+ contrib . style . visibility = "visible" ;
42
+ }
43
+
38
44
const eventsTable = [
39
45
{
40
46
onCount : 0 ,
@@ -155,7 +161,7 @@ const eventsTable = [
155
161
} ,
156
162
{
157
163
onCount : 101 ,
158
- action : regularAction ,
164
+ action : thatsItForNow ,
159
165
}
160
166
] ;
161
167
Original file line number Diff line number Diff line change @@ -26,6 +26,13 @@ body {
26
26
width : 100% ;
27
27
object-fit : cover;
28
28
}
29
+ # contrib {
30
+ visibility : hidden;
31
+ position : absolute;
32
+ left : 50% ;
33
+ top : 30% ;
34
+ transform : translate (-50% , -50% );
35
+ }
29
36
# popup {
30
37
visibility : hidden;
31
38
position : absolute;
You can’t perform that action at this time.
0 commit comments