инициализация в отдельном модуле

Author: daria-z

src/js/initApp.js

@@ -0,0 +1,20 @@
+import { renderUIText } from "./view.js";
+import { updateInputValue, addRssFeed, validateInput } from "./model.js";
+
+export const initApp = () => {
+  renderUIText();
+
+  const input = document.querySelector("#url-input");
+  const form = document.querySelector("#rss-form");
+
+  input.addEventListener("input", (e) => {
+    updateInputValue(e.target.value);
+  });
+
+  form.addEventListener("submit", (e) => {
+    e.preventDefault();
+    validateInput()
+      .then(() => addRssFeed())
+      .catch(() => console.log("валидация не пройдена"));
+  });
+};

src/js/main.js

@@ -1,22 +1,4 @@
-import {
-  updateInputValue,
-  addRssFeed,
-  validateInput,
-} from "./model.js";
-import { renderUIText } from "./view.js";
+import "../i18n.js";
+import { initApp } from "./initApp.js";
 
-renderUIText();
-
-const input = document.querySelector("#url-input");
-const form = document.querySelector("#rss-form");
-
-input.addEventListener("input", (e) => {
-  updateInputValue(e.target.value);
-});
-
-form.addEventListener("submit", (e) => {
-  e.preventDefault();
-  validateInput()
-    .then(() => addRssFeed())
-    .catch(() => console.log("валидация не пройдена"));
-});
+initApp();

src/js/model.js

@@ -1,6 +1,7 @@
 import * as yup from "yup";
 import i18next from "../i18n.js";
 import { fetchRssData } from "./fetchRssData.js";
+import { renderRssFeed } from "./renderRssFeed.js";
 
 import createState from './state.js';
 
@@ -40,4 +41,5 @@ export const addRssFeed = () => {
   state.rssFeed = [...state.rssFeed, state.inputValue];
   fetchRssData(state);
   console.log("обновлён список rss", state.rssFeed);
+  renderRssFeed();
 };