Convert Simple Statement from Jquery to Javascript

Question

I'm trying to figure out how to convert below code to Javascript. Is there a conversion tool online for simple conversions?

$('head script[async][src*="analytics"]').on('load', function() {
          ga('send', 'event', 'checkout', 'complete');
        });

Possible duplicate of trying to fire onload event on script tag — Jared Smith
– Jared Smith, Commented Feb 23, 2017 at 1:40

tin · Accepted Answer · 2017-02-23 01:41:00Z

2

I don't know if there's a conversion tool, but there is http://youmightnotneedjquery.com which holds resources for many things one can do without jQuery, compared with the jQuery way.

In your case just replace $() with document.querySelector and .on('load', fn) with .onload = fn i.e:

document.querySelector('head script[async][src*="analytics"]').onload = function() {
      ga('send', 'event', 'checkout', 'complete');
    }

Let me know if it works!

answered Feb 23, 2017 at 1:41

tin

1551 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

tin Over a year ago

try selecting with just document.querySelector('script[src*="analytics"]')

Jackson Cunningham Over a year ago

Same thing "Uncaught TypeError: Cannot set property 'onload' of null". Problem is that Shopify is loading the script so I can't edit it... and it seems to be taking a few seconds to load.

tin Over a year ago

I couldn't tell you why but what I see is that when executing querySelector it's not finding the script element with that selector . Try setting a breakpoint with DevTools on that line and check from the console document.scripts to see if it's there. Or find another selector to match that script. Good look!

Collectives™ on Stack Overflow

Convert Simple Statement from Jquery to Javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related