From 4c919d22054538bfa8a48a5cf0a44af3a09ad7a9 Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Wed, 15 Apr 2026 20:47:07 +0300 Subject: [PATCH] Add texts.js for AJAX load and form submission --- public/js/texts.js | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 public/js/texts.js 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 => '
  • ' + text.name + '
  • ').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(); +});