Link JavaScript to HTML: How to run your JavaScript code in the browser
In this video, you’ll learn how to link JavaScript to HTML including creating and loading external JavaScript files. Get my free 32 page eBook of JavaScript HowTos 👉https://bit.ly/2ThXPL3
Don’t forget to subscribe to the Junior Developer Central channel for more videos and tutorials!
It can be a bit confusing for a Junior Developer who has learnt a bit of JavaScript to know how to actually start using it in the browser. You’ll learn in this tutorial how to create external JavaScript files and how to include external JavaScript in HTML pages.
This might seem like a simple thing to do but if you’ve never done it, you’ll want to follow this external JavaScript file example.
We’ll first off learn the process of embedding JavaScript in HTML by creating a script tag. Once you have this created you must make sure you are embedding JavaScript in HTML files in the correct place. For example, you can place it at the bottom of the page or in the head tag of your HTML document. The tutorial will explain the difference between the two places to put your script tag.
If your JavaScript is not linking to HTML correctly, try checking the path of the file that you are referencing in the src attribute of your script tag.
Other videos in the JavaScript Snippets series:
JavaScript How To Remove An Item From Array Tutorial: https://youtu.be/UvohHcj9I-s
Javascript String Length: How to determine the size of a string: https://youtu.be/OO0_9gq8NNI
How to find the longest word in a String with JavaScript: https://youtu.be/j9cAav7VIv4
Find the largest number in an array JavaScript Tutorial: https://youtu.be/fOFSmCjvcFY
Check if a String is a palindrome with JavaScript Tutorial: https://youtu.be/_KE_yCKBqUA
How to reverse a String in JavaScript Tutorial: https://youtu.be/k7zzWvQaEhc
JavaScript join method: How to merge arrays into one value: https://youtu.be/90MVWda5DlM
Javascript How To Convert String To Number Tutorial: https://youtu.be/K-Twvsg3K_M
JavaScript Create HTML Element: How to dynamically add tags to your pages: https://youtu.be/VsXCK_2DJzA
JavaScript String Contains: How to check a string exists in another: https://youtu.be/uLT9iPccVZs
JavaScript Copy Array: How to make an exact copy of an array in JavaScript: https://youtu.be/5rybkWfeh-A
JavaScript Capitalize First Letter: How to make strings and arrays sentence case: https://youtu.be/8IEI-7fj2j4
Javascript Print To Console Tutorial: Different ways to output data to the console: https://youtu.be/pkFbigsR7jI
source