| <!DOCTYPE html> |
| <html lang="id"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>File List</title> |
| <script> |
| fetch('/file-list') |
| .then(res => res.json()) |
| .then(files => { |
| const ul = document.getElementById('file-list'); |
| files.forEach(file => { |
| const li = document.createElement('li'); |
| const link = document.createElement('a'); |
| link.href = file; |
| link.textContent = file; |
| li.appendChild(link); |
| ul.appendChild(li); |
| }); |
| }); |
| </script> |
| </head> |
| <body> |
| <h1>Available Files</h1> |
| <ul id="file-list"></ul> |
| </body> |
| </html> |
