Content Menu

Home-What is JavaScript?

JavaScript tutorials

1. JavaScript Basics

2. JS Simple Coding

3. JS InterActive Content

4. Images and JS

5. JS Functions

6. JavaScript Events

7. JS Conditional

8. JS Loops

9. Other

Embedding JavaScript code in HTML documents

JavaScript code can be included in simple html documents. To enable browser to differentiate between html and Javascript code, JS code is placed within script tags.

OPENING TAG <script type = "text/javascript">

Javascript commands go between these tags.

ENDING TAG </script>

Javascript in HTML Example

In this example we will use a very basic Javascript command called 'document.write' . This command is used to output/display some text, number, result or value of a variable on screen. For example, Browser calculates the price after 10% discount. In order to display that value on the screen, document.write command has to be used. We will however use a very simple output for this example.

<html>
<head>
<title> My first Javascript Page </title>

<script type="text/javascript">

document.write("Welcome to my first page");

</script>
</head>
<body>

</body>
</html>

In the example above, you can see how we can insert javascript within an html document. This simple document.write code will output/display the text on the screen of the browser.

NOTE: Some users prefer to put Javascript coding within the html <head> </head> tags , while some prefer body tags. You can place it in either location or also some code in head while other bit of code in the body.

Result- How to write Javascript in html

Here is how it will appear in the browser

Javascript code in html page

Apart from writing JAVASCRIPT in html documents, it can also be put it a separate file.

Next - Placing JS in External file