Create a link with a dynamic order count, styling it with CSS. Update the count using JavaScript.

HTML

<a id="my-link" href="orders.html">
  <div id="orders-card"> Active Orders: <span id="order-count">0</span></div>
</a>

CSS

#my-link {
  width: 200px;
  height: 100px;
  display:flex;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid black;
  border-radius: 5px;
}

#orders-card {
  margin:auto;
}

JavaScript

function updateOrderCount(newCount) {
  const orderCount = document.getElementById('order-count');
  orderCount.textContent = newCount;
}

updateOrderCount(5)