From a97d79ae4f305b07e6c99d44f6235098a9b4d8df Mon Sep 17 00:00:00 2001
From: Rafael Mauricio <rafael_mauricio@hotmail.com>
Date: Thu, 5 Oct 2023 11:22:14 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20bug=20cep=20corrigido,=20agora=20est?=
 =?UTF-8?q?=C3=A1=20pegando=20todos=20os=20valores=20e=20passando=20para?=
 =?UTF-8?q?=20o=20objeto=20dadosUsuarioCep?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/styles.css |  2 +-
 index.html     |  2 +-
 js/script.js   | 44 +++++++++++++++++++++++++++++++++++++-------
 3 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 1c4a8e9..3331996 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -218,7 +218,7 @@ section .conteudo {
 .nosso-cardapio .conteudo .cardapio-opcao .opcao h2 {
   width: 187px;
   text-align: center;
-  background-image: url(/image/opcoesfundo.png);
+  background-image: url(../image/opcoesfundo.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
diff --git a/index.html b/index.html
index 6d69796..b1b4e9f 100644
--- a/index.html
+++ b/index.html
@@ -484,7 +484,7 @@ <h3>Resumo</h3>
                             <p class="desconto">Desconto <span>-R$ 10,00</span></p>
                             <p class="total-compra">Total da compra <span>R$ 27,00</span></p>
                         </div>
-                        <input class="botao-comprar" type="button" value="Comprar">
+                        <input id="finalizar-pedido" class="botao-comprar" type="button" value="Comprar">
                     </div>
                 </div>
             </div>
diff --git a/js/script.js b/js/script.js
index 44b9e3c..582db40 100644
--- a/js/script.js
+++ b/js/script.js
@@ -1,3 +1,10 @@
+let dadosUsuarioCep = {
+  localidade: ``,
+  bairro: ``,
+  logradouro: ``,
+  numero: ``
+}
+
 const modalOn = () => {
   const modal = document.querySelector('.modal-off')
   const navbar = document.querySelector('.nav-bar')
@@ -23,16 +30,19 @@ const buscaCep = () => {
       return res.json();
     })
     .then((data) => {
-      /* criar um objeto global e depois passar aqui para pegar os dados do cliente
-       */
+      const { localidade, bairro, logradouro } = data;
 
+      dadosUsuarioCep.localidade = localidade;
+      dadosUsuarioCep.bairro = bairro;
+      dadosUsuarioCep.logradouro = logradouro;
 
-      /* falta pegar o numero da casa */
       resumoCep.innerHTML = `
-        <p class="cidade">${data.localidade}</p>
-        <p class="bairro">${data.bairro}</p>
-        <p class="rua">${data.logradouro} <span class="numero"><input class='input-style pequeno' placeholder="Nº" type="number" id="numero"></span></p> 
+        <p class="cidade">${localidade}</p>
+        <p class="bairro">${bairro}</p>
+        <p class="rua">${logradouro} <span class="numero"><input class='input-style pequeno' placeholder="Nº" type="number" id="numero"></span></p> 
       `;
+
+      document.querySelector('#numero').addEventListener('input', pegarNumeroCasa)
     })
     .catch((error) => {
       console.error(error);
@@ -40,9 +50,29 @@ const buscaCep = () => {
     });
 }
 
+const pegarNumeroCasa = (event) => {
+  dadosUsuarioCep.numero = event.target.value
+}
+
+const finalizarPedido = () => {
+  alert(`
+  Pedido Finalizado com Sucesso!
+  =========================================
+  Cidade: ${dadosUsuarioCep.localidade}
+  bairro: ${dadosUsuarioCep.bairro}
+  rua: ${dadosUsuarioCep.logradouro} n: ${dadosUsuarioCep.numero}
+  =========================================
+
+  Volte sempre :)
+  `)
+}
+
 
 const carrinhoCompra = document.querySelector('.carrinho-compras')
 carrinhoCompra.addEventListener('click', modalOn)
 
 const botaoCep = document.querySelector('#botao-cep')
-botaoCep.addEventListener('click', buscaCep)
\ No newline at end of file
+botaoCep.addEventListener('click', buscaCep)
+
+const botaoFinalizarPedido = document.querySelector('#finalizar-pedido')
+botaoFinalizarPedido.addEventListener('click', finalizarPedido)
\ No newline at end of file