adding type and number check for submitHandler and init function

kaleabAlemayehu · Nov 3, 2022 · 976561b · 976561b
1 parent 2306452
commit 976561b
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 8 deletions.
diff --git a/src/main.js b/src/main.js
@@ -9,14 +9,19 @@ const state = {
   number: '',
   fact: '',
 };
-
+const init = () => {
+  state.fact = '';
+  state.type = '';
+  state.number = '';
+};
 const randomHandler = async (e) => {
   e.preventDefault();
   const randomSearch = new Search('random', state.type);
   try {
     state.fact = await randomSearch.getFact();
     if (state.fact.found) {
       searchView.renderFact(state.fact.text);
+      init();
     }
   } catch (error) {
     console.error(error);
@@ -45,16 +50,24 @@ types.forEach((type) => {
 const submitHandler = async (e) => {
   e.preventDefault();
   state.number = dom.input.value;
-  if (state.number || state.number === 0) {
-    const submitSearch = new Search(state.number, state.type);
-    try {
-      state.fact = await submitSearch.getFact();
-      // searchView.renderFact(state.fact);
-    } catch (error) {
-      console.error(error);
+  if (state.type) {
+    if (state.number || state.number === 0) {
+      const submitSearch = new Search(state.number, state.type);
+      try {
+        state.fact = await submitSearch.getFact();
+        searchView.renderFact(state.fact);
+      } catch (error) {
+        console.error(error);
+      }
+    } else {
+      searchView.numberError();
     }
+  } else {
+    searchView.typeError();
   }
 };
 ['click', 'touchstart'].forEach((e) => {
   dom.submit.addEventListener(e, submitHandler);
 });
+
+init();
diff --git a/src/views/searchView.js b/src/views/searchView.js
@@ -3,3 +3,11 @@ export const renderFact = (fact) => {
   console.log(fact);
   dom.fact.innerText = fact;
 };
+
+export const typeError = () => {
+  dom.fact.innerText = 'select type first broooooooo';
+};
+
+export const numberError = () => {
+  dom.fact.innerText = 'enter the number broooooooo';
+};