How to unload a script when a button is clicked?

Question

So on my website, I integrated a plugin called manychat. This is implemented by a <script> ;

When I click on the Drawer Cart this manychat symbol overlays over the checkout button, which doesn't look nice.

So when I click the "cart" button it should unload this script. With the next action, it should then be loaded again.

Is this possible?

I am using Shopify

<script src="//widget.manychat.com/1541935499435047.js" async="async"></script>

Answer 1

You can't unload a script once loaded. You can, however, dig deep in to the script and cancel out the global variables it create - and undo what it does to your DOM such as any event listeners it might have registered.