Scribd
Upload
2 views

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
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
2 views

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
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