HTML JavaScript

JavaScript makes HTML pages more dynamic and interactive

Example

My first JavaScript

Try It Yourself

HTML <script> Tag

HTML <script> tag is used to define client-side scripts (JavaScript).

<script> elements can contain script statements and can also be used through src attribute points to an external script file.

Common uses of JavaScript include image processing, form validation, and dynamic content changes.

The most commonly used method in JavaScript to select HTML elements is document.getElementById() method.

This JavaScript example writes "Hello JavaScript!" to the HTML element with id="demo":

Example

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Try It Yourself

Tip:You can find our JavaScript Tutorial to learn more about JavaScript.

The flavor of JavaScript

Here are some examples demonstrating the capabilities of JavaScript:

Example

JavaScript can change content:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Try It Yourself

Example

JavaScript can change styles:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Try It Yourself

Example

JavaScript can change properties:

document.getElementById("image").src = "picture.gif";

Try It Yourself

HTML <noscript> Tag

HTML <noscript> The tag defines alternative content that will be displayed to users who have disabled scripts in their browser or whose browser does not support scripts:

Example

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

Try It Yourself

HTML Script Tag

Tag Description
<script> Define client-side scripts.
<noscript> Define alternative content for users who do not support client-side scripts.

For a complete list of all available HTML tags, please visit our HTML Tag Reference Manual.