HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
JavaScript makes HTML pages more dynamic and interactive
The HTML <script>
tag is used to define a client-side script
(JavaScript).
The <script>
element either contains script statements, or it points to an
external script file through the src
attribute.
Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.
To select an HTML element, JavaScript most often uses the
document.getElementById()
method.
This JavaScript example writes "Hello JavaScript!" into an HTML element with id="demo":
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Tip: You can learn much more about JavaScript in our JavaScript Tutorial.
Here are some examples of what JavaScript can do:
JavaScript can change content:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
JavaScript can change styles:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
JavaScript can change attributes:
document.getElementById("image").src = "picture.gif";
The HTML <noscript>
tag defines an alternate content
to be displayed to users that
have disabled scripts in their browser or have a browser that doesn't support
scripts:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
Use JavaScript to change the HTML content of the <p>
element to "Hello World!".
Tag | Description |
---|---|
<script> | Defines a client-side script |
<noscript> | Defines an alternate content for users that do not support client-side scripts |
For a complete list of all available HTML tags, visit our HTML Tag Reference.