diff --git a/Views/Note/Index.cshtml b/Views/Note/Index.cshtml
index 76df8cc..d20ab39 100644
--- a/Views/Note/Index.cshtml
+++ b/Views/Note/Index.cshtml
@@ -11,7 +11,7 @@
         }
     </select>
 
-    <a asp-action="Delete" asp-controller="Note" asp-route-noteName="@Model.CurrentNote" class="btn-symbol btn-delete" title="Delete Note">✕</a>
+    <a asp-action="Delete" asp-controller="Note" asp-route-noteName="@Model.CurrentNote" id="delete-note" class="btn-symbol btn-delete" title="Delete Note">✕</a>
     <form method="post" class="action-form" asp-action="Create" asp-controller="Note">
         <input type="text" name="noteName" placeholder="Note name" />
         <button type="submit" class="btn-symbol btn-create" title="Create Note">💾</button>
diff --git a/wwwroot/js/site.js b/wwwroot/js/site.js
index f9c635c..cc574dd 100644
--- a/wwwroot/js/site.js
+++ b/wwwroot/js/site.js
@@ -55,6 +55,13 @@ $(function () {
         }
     });
 
+    // handle delete note with confirmation
+    $('#delete-note').click(function (e) {
+        if (!confirm('Are you sure you want to delete this note?')) {
+            e.preventDefault();
+        }
+    });
+
     // update content upon sync save
     connection.on('updateNote', function (content) {
         $textarea.val(content);