Add hover effect and change cursor for empty cells

marmelab · Feb 15, 2022 · f8ac184 · f8ac184
1 parent 41996af
commit f8ac184
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/views/index.hbs b/views/index.hbs
@@ -11,11 +11,20 @@
     {{#each gameState.board}}
     <div style="margin-left:{{@index}}0px;">
       {{#each this}}
-      <span>{{this.value}}</span>
+      <span data-color="{{this.value}}">{{this.value}}</span>
       {{/each}}
     </div>
     {{/each}}
   </div>
 </body>
+<style>
+  span[data-color="empty"] {
+    cursor: pointer;
+  }
+
+  span[data-color="empty"]:hover {
+    background-color: yellow;
+  }
+</style>
 
 </html>