feat: Prevent empty search terms and style error message

Vitinho163 · Sep 6, 2024 · 832350f · 832350f
1 parent 1ea0df5
commit 832350f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git 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
@@ -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 */