{"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 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=IQoJb3JpZ2luX2VjEM7%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCWV1LXdlc3QtMSJHMEUCIQCLfBaiSdEHgFyRiCKB2SJ1qbOMPteBRgej1lJmoGgiWgIgbq4vqxhOpfkLVfTfo7Eoo3rPL8AJ8NhXjpRQWpF3DcEqwQUIl%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FARAFGgwyNzM1NzAxOTU0MzMiDEIihWL27gcE0blyLSqVBehoz2llJXzMQ8%2Bb1j53FTwps%2FcKc0UaxvQz3K6rAlIsNdU6DpQ7PCMk%2Bk5TAoK%2BYHFcN0lI5YN9qpnJ13mkO59C5iMF%2FAeYrAqiOkwhQVyekPZZ6vqJ1WKGD%2FY5vVX6ebfu1RodjPHMulYbbIjUidwNLmz8gZ1drhFY7Iwc1DELuGBpL3cy3ZyYIFfKvabmuuI94c6Zz8ZFAdiiKNOZuUfT3bbrb1OiNGwhNEELrhdYUKgKsNxDassk3qNRX4at5k8QDjfCCXvy6QsFYiIAmteE1ZGHVdGzjW3SkKSjHujuaA1cG08YKmpkdNbJJZdyxeatPmK33q5ZTKZYMVbIM6Z0W8jCJ7%2BBg%2Fcw%2Bl7nw9vpxPaZXHtNpT4s3O6R3pxPu2%2FCEIIfTvwIPaRpA1y5mojcYBjsrLCtXG5SzOQGfsQJS2RT4dB8LYKatBXZ19Wu5HuD%2FHNerp5tgzmwvCAlzwF1VzuN7FLVtQyYzzAAcZYCL%2FH15arTMLYoXkFCZ91jj2M1cAaT9H3yd1hhdHjzaDv4MHOOWdOjBW89F7hpKdhKQRhYTMXeNpARfnw8shuWTv0WwHh0ycP0P0W6dLd1wddWDXloIY8B%2FjMeDc%2F7Ub%2BkyqKAY5d9IzDlFUOZ9RI9FJdHAj79CN%2FRlA%2BmsuGG1WBX5e9s7YX6X6h9EvrDlXXGp2JndcA4j51qZDlg2UljFxyJ8fRmFPeGTcmRQG6Dxr1Uc2FoJBwUD8pBdpqy64zAojSoQ5MrkbWq0yRXQsl3bk%2FjbiE6H4OmykummTx0FxpGUv84mp5BI4P8wzg6K6a%2FXMev5H5fYHKysaKqY%2F6mBlh2G%2FKKY1HnNyA789ZnufW0vrmFSi0BJWTR8sav0Drqe6tyIgAww%2FL%2B1QY6sQHdXT3udQ5WoGvPbr1FXepKb49%2F%2Bv9ufpveBWiROipxLLfZMn2LZ%2FMjNe3zp8Q0x3USDnoGLJ%2BE1hYzhDvHslgwLVXhbpL2nG3Qwf4%2BM5ryt8UiKG69Qb67RHFXIbp3iv51FtVc%2ByCRvmaXlzB7ZHB2dAhF7Oe4t90ftugq3T%2FfsKQ%2BwUw7BNnG866aIR%2FXa8OBu4RyUDtnEFpqUaW8DkPq7DVxeZaihhM5nTL8QueA%2Fb4%3D&#038;X-Amz-Algorithm=AWS4-HMAC-SHA256&#038;X-Amz-Credential=ASIAT7MQN47UWZZA727L%2F20261002%2Feu-west-1%2Fs3%2Faws4_request&#038;X-Amz-Date=20261002T141613Z&#038;X-Amz-SignedHeaders=host&#038;X-Amz-Expires=900&#038;X-Amz-Signature=42d7b54e9f0d51e094b1d9f4ca07e2e05690109005ce88037b42cccee66751cd\" 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}]}}