Added proper counter representation

borjacano97 · borjacano97 · commit 0c70df918859 · 2025-09-20T21:31:48.000+02:00
diff --git a/index.html b/index.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="UTF-8"/>
+
     <title>Click me!</title>
     <link rel="stylesheet" type="text/css" href="main.css">
   </head>
diff --git a/index.js b/index.js
@@ -131,7 +131,7 @@ for (let fart of farts) {
 // TODO: change it to onmousedown (it stopped working after separating button and label)
 clickMe.onclick = () => {
     counter += 1;
-    popupText.innerText = counter;
+    popupText.innerText = counter + "🍑💨";
     fireEvents();
 };
 
diff --git a/main.css b/main.css
@@ -23,9 +23,11 @@
     height: 100px;
 }
 #popupText {
+    display: inline-block;
+    white-space: nowrap;
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%, -50%);
+    transform: translate(-25%, -50%);
     font-size: 48px;
 }
