Create script.js

script.js

@@ -0,0 +1,34 @@
+// script.js
+
+// This script will fetch the summarized data from the backend and populate the HTML
+
+document.addEventListener('DOMContentLoaded', function() {
+    fetchSummaries();
+});
+
+function fetchSummaries() {
+    fetch('/api/summaries')
+        .then(response => response.json())
+        .then(data => {
+            populateNewsletter(data);
+        })
+        .catch(error => console.error('Error:', error));
+}
+
+function populateNewsletter(summaries) {
+    const newsletterSection = document.getElementById('newsletter');
+
+    summaries.forEach(summary => {
+        const article = document.createElement('article');
+        const h2 = document.createElement('h2');
+        const p = document.createElement('p');
+
+        h2.textContent = summary.title;
+        p.textContent = summary.content;
+
+        article.appendChild(h2);
+        article.appendChild(p);
+
+        newsletterSection.appendChild(article);
+    });
+}