{"id":273,"date":"2021-06-07T16:31:37","date_gmt":"2021-06-07T15:31:37","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/?page_id=273"},"modified":"2021-06-07T22:16:20","modified_gmt":"2021-06-07T21:16:20","slug":"where-to-store-javascript","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/javascript\/where-to-store-javascript\/","title":{"rendered":"Where to store JavaScript"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-197\" src=\"https:\/\/glow-prod-sh.s3.eu-west-1.amazonaws.com\/sh\/public\/ahscomputinghtml\/uploads\/sites\/3275\/2021\/06\/05211153\/sqa-h-150x150.png?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&#038;X-Amz-Security-Token=IQoJb3JpZ2luX2VjECwaCWV1LXdlc3QtMSJIMEYCIQCk1SD%2B7JyxYk6R9LNyXU%2FPz2MCmXCIVylDV8kyf7uwogIhALgH2tJZ4RJjd3mRX%2B%2FJDKvy7%2FsOoJFsNCEo2Ew6S4kxKsAFCPX%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQBRoMMjczNTcwMTk1NDMzIgxE40mI5I6XwcBTeAQqlAUUv1b%2FxCYJ%2BfJjKFnQxztiyOlxxIeFhrZ8MbP3zTV%2FEumGjaHJQzFB7yzAHP5%2BJBXuTeKk0nqbk95%2Fj3dE6IHmuVClWf%2F5ZcIelDB13fEujfwDo71SqZH7itCEIkf%2F76ql01%2BqFnB9X%2BEvCG%2BGXG5URppBF%2FPl%2FSqWRbzyNX4qJ4xY%2FquSOny7ymESYZt7drKdjv17O64lneTSLw4IEp9xUV%2BfLDvlLgTafXhDbBuX%2FeGgz2sXX5QMd4y2Wg77xaQugR4%2FvIEs18IWwDupH9bdTSz0dWfVeY0HZmhE%2BdyXhc7F3mttIVTCFhNf16VwCePqOiLFgbqEy%2FuVvcl8cIPqVZsb3AP%2FZ0LlnRIBbplonZA40DSgp6xvQwrk21aBZ4Ii%2FYxqmpKRrQ2xn6A8HLdlFzL2ZLzdJAkW1HX%2BqjG85tPRKuhiQ%2FjD5ZVfxLXlndjeAU1bFDD4c5tVXcUou0bcqCzqS6cyF%2Fmjo72iPjvDGozyYScu9Q6b7lHwsBZ1ZJeZmQemYlK9XHhf058MWyltJT%2FiTd8st3Gx6deEomGWQztAf3OqFtVv%2BU4TJNj0846K7GmWepftJB77KNTFyaqGlB%2B1FrnYE0EKZk%2FpyfcCX47J2ELY2eTpHBPt7QECjoK4nwzaGMT6GkaETDnT9Kqdod4OtNem4SAx%2FmmBM9k89LUhHY1MwVbHGXuqanb7Cyfgx6r6MWybZQyzfHkdF0HRTMIbruETuwPT%2FFn7JOH%2F5EPcZNZ9wjCpjGEPsnUVdKgEokcTAOTYmaVcxRmoFOCUUqNM3t2ftAAcrANLWkbeZsVAieG3i1SFvcWx67K2LcO3KgTMpGdtSHKGE0G%2FA5ij%2B2WLqNenOQumeD72y4EvbAlJF78wpKaZ0gY6sAH%2B5Y%2FoLskxf72uqLLYl6kqvaQBRffl56bdWG5Q%2FUzutefkIx7vGzyNWqMd4oGsak634TUQRgncjoIRVfDE%2Bd708oHs9CmMRtrs5zV0KbNK60Bkge88aUn8udPOoHLKNZxSLUYhc%2B45ktBcQKJn4oC3bFmvgDUNNiF43PD%2FyEV4C36TnDNHT1RJSqj8u0Ntej%2BGtnsLYW3bpEVyDNrtaSxSqcDPj3cm7L%2BbgG%2BbNgWqrA%3D%3D&#038;X-Amz-Algorithm=AWS4-HMAC-SHA256&#038;X-Amz-Credential=ASIAT7MQN47UXLWJV52K%2F20260702%2Feu-west-1%2Fs3%2Faws4_request&#038;X-Amz-Date=20260702T122015Z&#038;X-Amz-SignedHeaders=host&#038;X-Amz-Expires=900&#038;X-Amz-Signature=a5990e5fcd5b463f724bb8946f28a30eebb79edc560427bd46f03e202477292d\" alt=\"\" width=\"100\" height=\"97\" \/>As with CSS, JavaScript can be placed inside HTML elements, within an HTML file, or in a separate file.<\/p>\n<p>&nbsp;<\/p>\n<h1>Inline JavaScript<\/h1>\n<p>The JavaScript code to respond to an event is written inside the HTMl element.<\/p>\n<p>This is only suitable for very simple scripts.<\/p>\n<pre class=\"brush: xml; title: HTML body; notranslate\" title=\"HTML body\">\r\n&lt;button onclick=&quot;alert('You clicked me!')&quot;&gt;Click Me&lt;\/button&gt;\r\n<\/pre>\n<h1>Internal JavaScript Code<\/h1>\n<p>All JavaScript functions are written in a &lt;script&gt; block, often placed inside the &lt;head&gt; block for maintainability. A script block can contain multiple functions.<\/p>\n<p>Events then call these functions.<\/p>\n<p>Note: Program\/Text editors will use syntax highlighting for HTML, leaving the &lt;script&gt; blocks unformatted &#8211; and harder to debug.<\/p>\n<pre class=\"brush: xml; title: HTML head; notranslate\" title=\"HTML head\">&lt;script&gt;\r\n    function showCopyright() { \r\n        alert(&quot;This page is copyright A Person 2021&quot;); \r\n    }\r\n&lt;script&gt;<\/pre>\n<pre class=\"brush: xml; title: HTML body; notranslate\" title=\"HTML body\">&lt;button onclick=&quot;showCopyright()&quot;&gt;Copyright&lt;\/button&gt;<\/pre>\n<h1>External JavaScript File<\/h1>\n<p>If you will use the same scripts across several pages, then save them in a separate file &#8211; <strong>myscripts.js<\/strong><\/p>\n<p>Add a link to the file in the &lt;head&gt; of the HTML:<\/p>\n<pre class=\"brush: jscript; title: myscripts.js; notranslate\" title=\"myscripts.js\">\r\nfunction showCopyright() { \r\n    alert(&quot;This page is copyright A Person 2021&quot;); \r\n}<\/pre>\n<pre class=\"brush: xml; title: HTML head; notranslate\" title=\"HTML head\">&lt;script src=&quot;myscripts.js&quot;&gt;&lt;\/script&gt;<\/pre>\n<pre class=\"brush: xml; title: HTML body; notranslate\" title=\"HTML body\">&lt;button onclick=&quot;showCopyright()&quot;&gt;Copyright&lt;\/button&gt;<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As with CSS, JavaScript can be placed inside HTML elements, within an HTML file, or in a separate file. &nbsp; Inline JavaScript The JavaScript code to respond to an event is written inside the HTMl element. This is only suitable for very simple scripts. &lt;button onclick=&quot;alert(&#8216;You clicked me!&#8217;)&quot;&gt;Click Me&lt;\/button&gt; Internal JavaScript Code All JavaScript functions are written in a &lt;script&gt; block, often placed inside the &lt;head&gt; block for maintainability. A<\/p>\n<p><a class=\"more-link\" href=\"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/javascript\/where-to-store-javascript\/\">Read More<\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"parent":259,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-273","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":14,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/273\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/273\/revisions\/294"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/259"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/media?parent=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}