Scribd
Upload
20 views6 pages

Javascript in HTML

The HTML <script> tag is used to define client-side scripts, typically JavaScript, which can manipulate content, styles, and attributes of HTML elements. JavaScript commonly utilizes methods like document.getElementById() to interact with HTML elements. The <noscript> tag provides alternate content for users who have disabled scripts or use browsers that do not support them.

Uploaded by

jerrostech
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
20 views6 pages

Javascript in HTML

The HTML <script> tag is used to define client-side scripts, typically JavaScript, which can manipulate content, styles, and attributes of HTML elements. JavaScript commonly utilizes methods like document.getElementById() to interact with HTML elements. The <noscript> tag provides alternate content for users who have disabled scripts or use browsers that do not support them.

Uploaded by

jerrostech
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 6

HTML JavaScript

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>
A Taste of JavaScript

• Here are some examples of what JavaScript can do:

1. JavaScript can change content:


Example
• document.getElementById("demo").innerHTML = "Hello JavaScript!";
2. JavaScript can change styles:
Example
• document.getElementById("demo").style.fontSize = "25px";
• document.getElementById("demo").style.color = "red";
• document.getElementById("demo").style.backgroundColor = "yellow";
3. JavaScript can change attributes:
Example
• document.getElementById("image").src = "picture.gif";
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>
<script> Defines a client-side
script
<noscript> Defines an alternate
content for users that do
not support client-side
scripts

You might also like