To write JavaScript with HTML page, you have to use the <script> tag along with the type attribute to define the scripting language. So the <script type=”text/javascript”> and </script> tells where the javascript starts and end.
Table of Contents
Different Ways to Write JavaScript with HTML
There are different ways to write JavaScript with HTML, which are as follows.
Read Also: How to create Changeable Date and Time Using JavaScript?
Scripts in the HEAD Section
When scripts are placed in the head section, they need to be executed when they are called, or when an event is triggered and it will ensure that the script is loaded before anyone uses it.
You can write <script> tag in the head section as follows.
<html>
<head>
<script type="text/javascript">
javascript codes are written here
</script>
</head>
<body>
</body>
</html>Scripts in the BODY section
As in the head section, you can also place JavaScript codes in the body section using <script> tag and it will be executed when the page loads.
You can write <script> tag in the body section as follows.
<html>
<head>
</head>
<body>
<script type="text/javascript">
javascript codes are written here
</script>
</body>
</html>Scripts in both the HEAD and BODY section
You can write <script> tag in both the head and body sections as follows.
<html>
<head>
<script type="text/javascript">
javascript codes are written here
</script>
</head>
<body>
<script type="text/javascript">
javascript codes are written here
</script>
</body>
</html>Read Also: How to Concatenate, Join and Sort Array in JavaScript?
Scripts Using an External JavaScript File
If you need to write some JavaScript code on several pages, you can write it on a separate external page with a .js file extension and can link it to the HTML file.
You can link the external JavaScript file to the HTML file as follows.
<html>
<head>
<script src="javascript.js">
</script>
</head>
<body>
</body>
</html>Read Next: How to Write Conditional Statements in JavaScript?
