marcar produtos selecionados

luiz87 · May 28, 2024 · de3d5c0 · de3d5c0
1 parent 36168d6
commit de3d5c0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/site-pizzaria/estilos/estilo.css b/site-pizzaria/estilos/estilo.css
@@ -547,4 +547,9 @@ footer {
 .content-carrinho{
     width: 90%;
     margin-top: 10px;
+}
+
+.itens-cardapio .info button.selecionado{
+    color: #ffffff;
+    background-color: #333333;
 }
diff --git a/site-pizzaria/scripts/script.js b/site-pizzaria/scripts/script.js
@@ -42,7 +42,14 @@ let lsPedido = document.querySelectorAll('.pedir');
 for (const bt of lsPedido) {
     bt.addEventListener('click', () => {
         let id = bt.id.replace('id', '');
-        produtos[id].quantidade = 1;
+        bt.classList.toggle('selecionado');
+        if(bt.innerHTML == 'REMOVER'){
+            produtos[id].quantidade = 0;
+            bt.innerHTML = 'pedir agora';
+        }else{
+            produtos[id].quantidade = 1;
+            bt.innerHTML = 'REMOVER';
+        }
         atualizarTabela();
     });
 }
@@ -82,6 +89,9 @@ function atualizarPlusDash(tipo) {
             }
             if (tipo == 'dash') {
                 produtos[id].quantidade--;
+                if(produtos[id].quantidade < 1){
+                    document.getElementById('id'+id).click();
+                }
             }
             atualizarTabela();
         });