0% found this document useful (0 votes)
1 views8 pages

JS 01 - Introduction To JavaScript

JavaScript is the most popular programming language and essential for web development, requiring knowledge of HTML and CSS. It allows for dynamic changes to HTML content, attributes, and styles, as well as the ability to hide and show elements. Key methods include getElementById() for manipulating HTML elements.

Uploaded by

manchaelovely
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1 views8 pages

JS 01 - Introduction To JavaScript

JavaScript is the most popular programming language and essential for web development, requiring knowledge of HTML and CSS. It allows for dynamic changes to HTML content, attributes, and styles, as well as the ability to hide and show elements. Key methods include getElementById() for manipulating HTML elements.

Uploaded by

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

JavaScript

JavaScript
JavaScript is the world's most popular
programming language.
JavaScript is the programming language of
the Web.
JavaScript is easy to learn.
Knowledge Requirement
1. HTML to define the content of web pages
2. CSS to specify the layout of web pages
3. JavaScript to program the behavior of
web pages
JavaScript Can Change HTML Content
One of many JavaScript HTML methods is getElementById().

The example below "finds" an HTML element (with id="demo"), and changes the element
content (innerHTML) to "Hello JavaScript":
JavaScript Can Change HTML Attribute Values
In this example JavaScript changes the value of the src (source) attribute of an <img>
tag:
JavaScript Can Change HTML Styles (CSS)
Changing the style of an HTML element, is a variant of changing an HTML attribute:
JavaScript Can Hide HTML Elements
Hiding HTML elements can be done by changing the display style:
JavaScript Can Show HTML Elements
Showing hidden HTML elements can also be done by changing the display style:

You might also like