JavaScript Introduction

## JS Basic

JS HOME JS Introduction JS How To JS Output JS Statements JS Comments JS Variables JS Data Types JS Objects JS Functions JS Operators JS Comparisons JS Conditions JS Switch JS Loop For JS Loop While JS Breaks JS Errors JS Validation

## JS Advanced

JS Object JS Number JS String JS Date JS Array JS Boolean JS Math JS RegExp

## JS HTML DOM

DOM Intro DOM Methods DOM Document DOM Elements DOM HTML DOM CSS DOM Events DOM Navigation DOM Nodes DOM Nodelist

## JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS PopupAlert JS Timing JS Cookies

## JS Libraries

JS Libraries JS jQuery JS Prototype

## JS Examples

JS Basic Examples JS Objects Examples JS DOM Examples JS HTML Examples JS Browser Examples JS Quiz JS Certificate JS Summary

## JS References

Javascript Objects HTML DOM Objects

# JavaScript Introduction

« Previous
Next Chapter »

JavaScript is the world's most popular programming language.

It is the language for HTML, for the web, for servers, PCs, laptops, tablets, 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 code 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 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 common.

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

With JavaScript, you can change almost any HTML attribute.

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

« Previous
Next Chapter »

## Your suggestion:

Your E-mail (optional):

Page address:

Description:

Close [X]

## Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

## WEB HOSTING

Best Web Hosting UK Reseller Hosting Wow! $5 SSD Hosting

## WEB BUILDING

Download XML Editor
FREE Website BUILDER FREE Website Creator

## WEB RESOURCES

Web Statistics Web Validation

## SHARE THIS PAGE