JSFiddle - React, Tailwind, and code Playground

by lindychen

HTML

<div class="widget_shopping_cart_content">
  <a href="https://www.test.com/cart/" class="elementor-button elementor-button--view-cart elementor-size-md">
    <span class="elementor-button-text">View cart</span>
  </a>
  <a href="https://www.test.com/checkout/" class="elementor-button elementor-button--checkout elementor-size-md">
    <span class="elementor-button-text">Checkout</span>
  </a>
</div>

JavaScript

document.querySelector(".widget_shopping_cart_content").addEventListener("click", function(event) {
  const link = event.currentTarget.querySelector(".elementor-button.elementor-button--checkout.elementor-size-md");
  if (link) {
    link.setAttribute("href","https://www.test.com/checkout/?XXX");
  }
});