corrigi o botão de limpar e resolvi os testes de HTML

JessicaRamosOliveira · JessicaRamosOliveira · commit ed235174a2c5 · 2024-02-29T11:12:31.000-03:00
diff --git a/src/index.html b/src/index.html
@@ -15,6 +15,7 @@
 <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
 </head>
 <body>
+  <!-- ondas -->
     <div class="custom-shape-divider-top-1707265856">
       <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
           <path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" class="shape-fill"></path>
@@ -28,7 +29,7 @@ <h1>Qual o hobby ideal para você?</h1>
   </header>
  
   <main>
-    <h2>Descubra qual hobby você mais se identifica de forma simples e objetiva.</h2>
+    <h2>Descubra qual hobby você mais se identifica de forma simples e objetiva!</h2>
     <!-- divs computestats -->
 <div class="estatisticas">
   <div class="calcularNivelMedioDeDificuldade" id="calcularNivelMedioDeDificuldade">
@@ -39,7 +40,7 @@ <h2>Descubra qual hobby você mais se identifica de forma simples e objetiva.</h
     <span>Media Custo: R$0,00</span>
   </div>
 </div>
-  </div>
+  <!-- divs select e botão mostrar todos -->
     <div class="containerFiltro">
     <section class="ordenacao">
       <label for="ordenacao"></label>
@@ -63,13 +64,12 @@ <h2>Descubra qual hobby você mais se identifica de forma simples e objetiva.</h
       <section>
         <button data-testid="button-clear">Mostrar Todos</button>
       </section>
-      
-
+    </div>
   </main>
   <section id="root">
     <!-- Aqui irão conter todos os cards -->
   </section> 
-  <footer>Hortencia Silva, Jessica Ramos e Marcela Ferraz</footer>
+  <footer>Hortência Silva, Jéssica Ramos e Marcela Ferraz</footer>
   <script src="main.js" type="module"></script>
 </body>
 
diff --git a/src/main.js b/src/main.js
@@ -101,6 +101,10 @@ document.addEventListener("DOMContentLoaded", () => {
 
 
 const mostrarTodos = document.querySelector('[data-testid="button-clear"]');
+const statsContainer = document.getElementById('calcularNivelMedioDeDificuldade'); 
+const statsContainer2 = document.getElementById('custoParaIniciar'); 
+const selOrdem = document.getElementById('ordenacao');
+const selCategoria = document.getElementById('filtro');
 
 mostrarTodos.addEventListener("click", () => {
   // zera a lista de cards
@@ -113,10 +117,10 @@ mostrarTodos.addEventListener("click", () => {
   selCategoria.value = "Todos"; 
 
   //zera a média de dificuldade
-  statsContainer.innerHTML = "";
+  statsContainer.innerHTML = "Media Nível de Dificuldade: 0";
     
   //zera a média de custo
-  statsContainer2.innerHTML = "";
+  statsContainer2.innerHTML = "Media Custo: R$0,00";
 
   // renderiza novamente
   listaHobby.appendChild(renderItems(data)); 
