diff --git a/public/js/texts.js b/public/js/texts.js
new file mode 100644
index 0000000..9421c20
--- /dev/null
+++ b/public/js/texts.js
@@ -0,0 +1,28 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const textsList = document.getElementById('texts-list');
+    const form = document.getElementById('texts-form');
+
+    async function loadTexts() {
+        const res = await fetch('/api/texts');
+        const texts = await res.json();
+        textsList.innerHTML = texts.map(text => '<li>' + text.name + '</li>').join('');
+    }
+
+    form.addEventListener('submit', async (e) => {
+        e.preventDefault();
+        const formData = new FormData(form);
+        const res = await fetch('/api/texts', {
+            method: 'POST',
+            body: formData,
+        });
+        if (res.ok) {
+            const text = await res.json();
+            const li = document.createElement('li');
+            li.textContent = text.name;
+            textsList.appendChild(li);
+            form.reset();
+        }
+    });
+
+    loadTexts();
+});