Update index.html

index.html

@@ -24,7 +24,7 @@
     <label for="repoInput">Repository ID:</label>
     <input type="text" id="repoInput" name="repoInput" placeholder="my-user/nlp-model">
     <input type="file" id="fileUpload" multiple>
-    <button onclick="uploadFiles()">Upload Files</button>
+    <button id="uploadButton">Upload Files</button>
     <progress id="progressBar" value="0" max="100"></progress>
     <div id="message"></div>
     <div id="error"></div>
@@ -32,6 +32,9 @@
     <script type="module">
       import { createRepo, commit, deleteRepo, listFiles } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
 
+      const uploadButton = document.getElementById('uploadButton');
+      uploadButton.addEventListener('click', uploadFiles);
+
       async function uploadFiles() {
         const fileInput = document.getElementById('fileUpload');
         const files = Array.from(fileInput.files); // convert FileList to Array