From 7afe8b2665ea232f60b48b2016c4689da6562f99 Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Sat, 22 Feb 2025 22:33:51 +0100
Subject: [PATCH] button toggling works

---
 src/public/javascript/offers.js | 16 ++++++++++++++++
 src/views/offers.ejs            | 11 +++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/public/javascript/offers.js b/src/public/javascript/offers.js
index b4b4108..0024e25 100644
--- a/src/public/javascript/offers.js
+++ b/src/public/javascript/offers.js
@@ -22,3 +22,19 @@ buttonStartCreateOffer.addEventListener('click', () => {
 closeOfferControls.addEventListener('click', () => {
   toggleCreateOfferControls();
 });
+
+function toggleBuyOrSellButtonGroup() {
+  buyOrSellButtons.forEach((button) => {
+    if (button.classList.contains('selected')) {
+      button.classList.remove('selected');
+    } else {
+      button.classList.add('selected');
+    }
+  });
+}
+
+buyOrSellButtons.forEach((button) => {
+  button.addEventListener('click', () => {
+    toggleBuyOrSellButtonGroup();
+  });
+});
diff --git a/src/views/offers.ejs b/src/views/offers.ejs
index 66ceba2..2f14cce 100644
--- a/src/views/offers.ejs
+++ b/src/views/offers.ejs
@@ -23,8 +23,15 @@
         />
         <p>Añade los detalles de tu oferta</p>
         <div id="button-group-buy-or-sell" class="button-group">
-          <button class="selected">Quiero comprar Bitcoin</button
-          ><button>Quiero vender Bitcoin</button>
+          <button
+            data-value="buy-bitcoin"
+            id="button-buy-bitcoin"
+            class="selected"
+          >
+            Quiero comprar Bitcoin</button
+          ><button data-value="sell-bitcoin" id="button-sell-bitcoin">
+            Quiero vender Bitcoin
+          </button>
         </div>
         <button id="button-submit-offer" class="button-primary" disabled>
           Publicar oferta