From 832350f02779e586c7437e23fe011fa8e3a1bedf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Victor?= <victor.jvsb18@gmail.com>
Date: Fri, 6 Sep 2024 15:59:03 -0300
Subject: [PATCH] feat: Prevent empty search terms and style error message

---
 app.js    | 6 ++++++
 style.css | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/app.js b/app.js
index 338f009..9387a70 100644
--- a/app.js
+++ b/app.js
@@ -5,6 +5,12 @@ function pesquisar() {
   // Obtém o valor do campo de pesquisa
   let termoPesquisa = document.getElementById("campo-pesquisa").value.toLowerCase();
 
+  // se termopesquisa for igual a uma string vazia, não executa.
+  if (termoPesquisa.trim() == "") {
+    section.innerHTML = "<p>Nada foi encontrado. Você precisa digitar o nome de um livro ou autor</p>"
+    return
+  }
+
   // Inicializa uma string vazia para armazenar os resultados formatados em HTML
   let resultados = "";
 
diff --git a/style.css b/style.css
index 35a8e14..de99fe4 100644
--- a/style.css
+++ b/style.css
@@ -31,6 +31,10 @@ h1 .highlight-b {
   color: #4ECDC4; /* Cor da letra 'b' */
 }
 
+p {
+    color: #A1A1A1;
+}
+
 /* Estiliza as seções da página */
 section {
     display: flex; /* Usa Flexbox para layout */