How do I change the "Add to Cart" button to "Checkout"?

Question

MODX

Shop on MiniShop2.
The "Add to Cart" button is implemented as standard:

<button type="submit" class="btn btn-default" name="ms2_action" value="cart/add">
                        ms2_frontend_add_to_cart
                    </button>

I want that after adding the product, the button changes to "Checkout" with the appropriate link to the cart.
What is the best way to implement this in minishop?

Answer 1

Decision.
Don't forget JQ.

<button type="submit" class="btn btn-default add_cart_first" name="ms2_action" value="cart/add">
ms2_frontend_add_to_cart
 </button>                        
                            
<a class="hide add_cart_second" type="submit"  href="" >
Оформить заказ
</a>

<script>
$(document).on('click', '.add_cart_first', function(e) {
$(this).hide();
$(this).next('.add_cart_second').show();
});
 </script>

Answer 2

Write by hand. Or look in lexicons.