Axios and qs from plain js

So I tried to import axios and qs in my html file using (below) to use axios and qs in my app.js

  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/qs.min.js"></script>
  <script src="../script/app.js"></script>

However in my app.js I am getting errors saying “qs is not defined” and “axios is not defined”
Now I am completely lost on why this is happening.

At first i was using node to test in terminal so i used

const axios = require('axios');
const qs = require('qs');

And everything was working fine, but now I removed these two lines and added the scripts to access axios and qs into my html file header. However I cant get it to work without require, and require is not usable in browser its just for node. I need help pls