How to load file. JS depending on the width of the screen

Question

I have a file .js who would like to upload only to Desktop version, when it is on more narrow screens would like the request for that .js were not done, or even another was carried .js. Like, for large screens > 768px charges desktop.js, and for screens < 786px charges mobile.js

I know that for CSS can be done like this:

<link rel="stylesheet" href="css/mobile.css"  media="screen and (max-width: 767px)" />
<link rel="stylesheet" href="css/desktop.css" media="screen and (min-width: 768px)" />

And for images we can do so for example:

<picture>
  <source srcset="desktop.jpg" media="(min-width: 768px)">
  <source srcset="mobile.jpg"  media="(max-width: 767px)">
  <img srcset="mobile.jpg" alt="…">
</picture>

Then the doubt is, has to do something similar to file requests .js depending on the screen width?