HTML JavaScript
HTML JavaScript
JavaScript makes HTML pages more dynamic and interactive.
Example
My First JavaScript
Click me to display Date and Time
The HTML <script> Tag
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":
Example
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Tip: You can learn much more about JavaScript in our JavaScript Tutorial.
A Taste of JavaScript
Here are some examples of what JavaScript can do:
Example
JavaScript can change content:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Example
JavaScript can change styles:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Example
JavaScript can change attributes:
document.getElementById("image").src = "picture.gif";
ADVERTISEMENT
The HTML <noscript> Tag
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:
Example
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
HTML Exercises
Test Yourself With Exercises
Exercise:
Use JavaScript to change the HTML content of the <p> element to "Hello World!".
<body>
<p id="demo">Hi.</p>
<script>
document.("demo").innerHTML = "Hello World!";
</script>
</body>
Submit Answer »
HTML Script Tags
TagDescription<script>Defines a client-side script<noscript>Defines an alternate content for users that do not support client-side scripts
Comments
Related Posts
CSS Tutorial in Hindi [Part 27] - CSS Tables
Web Design - Using a Visual HTML Editor (WYSIWYG)
HTML Tutorial in Hindi [Part 50] - HTML validation | What is W3C And W3C Markup Validation
HTML Tutorial in Hindi [Part 23] - How to Add or Insert Audio in HTML WebPage
An update to how we generate web page titles
