Knowledge::

JavaScript Introduction

JavaScript is the world's most popular programming language. It is the language for HTML and the web, for servers, PCs, laptops, tablets, smart phones, and more.

JavaScript is a Scripting Language

A scripting language is a lightweight programming language.

JavaScript is programming code that can be inserted into HTML pages.

JavaScript inserted into HTML pages, can be executed by all modern web browsers.

JavaScript is easy to learn.

What You Will Learn

Below is a taste of what you will learn in this tutorial.

JavaScript: Writing Into HTML Output

Example

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");

Try it yourself »

	You can only use document.write in the HTML output. If you use it after the document has loaded, the whole document will be overwritten.

JavaScript: Reacting to Events

Example

<button type="button" onclick="alert('Welcome!')">Click Me!</button>

Try it yourself »

The alert() function is not much used in JavaScript, but it is often quite handy for trying out code.

The onclick event is only one of the many HTML events you will learn about in this tutorial.

JavaScript: Changing HTML Content

Using JavaScript to manipulate the content of HTML elements is a very powerful functionality.

Example

x=document.getElementById("demo") //Find the element
x.innerHTML="Hello JavaScript"; //Change the content

Try it yourself »

You will often see document.getElementByID("some id"). This is defined in the HTML DOM.

The DOM (Document Object Model) is the official W3C standard for accessing HTML elements.

You will find several chapters about the HTML DOM in this tutorial.

JavaScript: Changing HTML Images

This example dynamically changes the source (src) attribute of an HTML <image> element:

The Light bulb

Click the light bulb to turn on/off the light

Try it yourself »

JavaScript can change most of the attributes of any HTML element, not only images.

JavaScript: Changing HTML Styles

Changing the style of an HTML element, is a variant of changing an HTML attribute.

Example

x=document.getElementById("demo") //Find the element
x.style.color="#ff0000"; //Change the style

Try it yourself »

JavaScript: Validate Input

JavaScript is commonly used to validate input.

Example

if isNaN(x) {alert("Not Numeric")};

Try it yourself »

Did You Know?

	JavaScript and Java are two completely different languages, in both concept and design. Java (invented by Sun) is a more complex programming language in the same category as C. ECMA-262 is the official name of the JavaScript standard. JavaScript was invented by Brendan Eich. It appeared in Netscape (a no longer existing browser) in 1995, and has been adopted by ECMA (a standard association) since 1997.

JavaScript and Java are two completely different languages, in both concept and design.
Java (invented by Sun) is a more complex programming language in the same category as C.

ECMA-262 is the official name of the JavaScript standard.

JavaScript was invented by Brendan Eich. It appeared in Netscape (a no longer existing browser) in 1995, and has been adopted by ECMA (a standard association) since 1997.

Knowledge::

JavaScript is a Scripting Language

What You Will Learn

JavaScript: Writing Into HTML Output

Example

JavaScript: Reacting to Events

Example

JavaScript: Changing HTML Content

Example

JavaScript: Changing HTML Images

The Light bulb

JavaScript: Changing HTML Styles

Example

JavaScript: Validate Input

Example

Did You Know?

Parameters

Returns/Result

Examples

Reference

See Also

On the forum about JavaScript Introduction

On the blog about JavaScript Introduction