title: How to link jQuery from a CDN and a JS script in HTML code
body: <p>I am well aware that this is kinda of an idiot question,but I am rather new to JS and JQuery and how to link it to HTML code, but none of the similar threads lead to a solution.</p>
  <p>By some miracle, I found and modified some JSFiddle code into this: <a href="https://jsfiddle.net/z7L2re8j/" rel="nofollow noreferrer">https://jsfiddle.net/z7L2re8j/</a></p>
  <p>Now, I'm trying to load JQuery from a CDN, and I also have a JS file with the functions to make the HTML (and CSS) work properly.</p>
  <p>HTML's file head:</p>
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;link rel=&quot;icon&quot; href=&quot;images/icon.webp&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;./new.css&quot;&gt;
      &lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot; integrity=&quot;sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=&quot; crossorigin=&quot;anonymous&quot;&gt;  &lt;/script&gt;
      &lt;script type=&quot;text/javascript&quot; src=&quot;./old.js&quot;&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;!-- Html body --&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>The files <code>old.js</code> and <code>new.css</code> are essentially the code that is written on the corresponding tabs in the JSFiddle link.
  However, when I run the HTML code with the links as you see, it's not the same as the preview in JSFiddle. And I don't know what I am doing wrong.</p>
  <p>So, am I doing the linking of the files correctly, and if not, what are my mistakes?</p>
  <p>Thank you in advance</p>