diff --git a/public/index.html b/public/index.html
index 1c30d3e..f77ecea 100644
--- a/public/index.html
+++ b/public/index.html
@@ -48,13 +48,13 @@
                 <strong>Upload Your Answers</strong>
                 <button id="info-upload-btn" class='info-btn'><i class="fa fa-info"></i></button>
             </legend>
-            <label for="answer-cype">Type:</label>
-            <select id="answer-cype">
+            <label for="answer-type">Type:</label>
+            <select id="answer-type">
                 <option value="comment">Comment Generation</option>
                 <option value="refinement">Code Refinement</option>
             </select>
             <br /><br />
-            <input type="file" id="file-cnput" accept="application/json" />
+            <input type="file" id="file-input" accept="application/json" />
             <br /><br />
             <div style="display: flex; align-items: center; gap: 0.5em">
                 <button id="upload-btn">Upload JSON</button>
diff --git a/public/js/index.js b/public/js/index.js
index f561517..d6c4c91 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -75,8 +75,8 @@ document.getElementById("upload-btn").onclick = async () => {
     uploadStatusEl.classList.add("hidden");
     progressContainer.classList.add("hidden");
 
-    const type = document.getElementById("answer-cype").value;
-    const fileInput = document.getElementById("file-cnput");
+    const type = document.getElementById("answer-type").value;
+    const fileInput = document.getElementById("file-input");
     if (!fileInput.files.length) {
         return alert("Please choose a JSON file first.");
     }