clear button removes answer as well now

RusFortunat · Nov 15, 2024 · 8e41601 · 8e41601
1 parent aafd5c8
commit 8e41601
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/main/resources/image-database.mv.db b/src/main/resources/image-database.mv.db
diff --git a/src/main/resources/templates/main-view.html b/src/main/resources/templates/main-view.html
@@ -25,7 +25,7 @@ <h3>Draw your number here</h3>
 
 <button type="reset"
         style="margin-top:10px; margin-left:55px; font-size: 18px"
-        onClick="resetCanvas()">Clear</button>
+        onClick="clearCanvasAndAnswer()">Clear</button>
 
 <div id="myAnswerHolder"></div>
 
@@ -138,9 +138,11 @@ <h3>Draw your number here</h3>
     canvas.addEventListener('mousemove', drawmove, false);
     canvas.addEventListener('mouseup', drawend, false);
 
-    function resetCanvas(){
+    function clearCanvasAndAnswer(){
         context.clearRect(0, 0, canvas.width, canvas.height);
         context.fillRect(0, 0, 280, 280);
+        const myNode = document.getElementById("myAnswerHolder");
+        myNode.innerHTML = '';
     }
 </script>