BEST SITE FOR WEB DEVELOPERS
HTML CSS JAVASCRIPT SQL PHP PYTHON JAVA KOTLIN GO C C++ C# AI W3.CSS TypeScript HOW TO More 🔍 ◑ REFERENCES EXERCISES

Basic JavaScript

JS Tutorial
JS Tutorial JS Introduction JS Where To JS Output
JS Syntax
JS Syntax JS Statements JS Comments
JS Variables
JS Variables JS Let JS Const JS Types
JS Operators
JS Operators JS Arithmetic JS Assignment JS Comparisons
JS If Conditions
JS Conditional JS If JS If Else JS Ternary JS Switch JS Booleans JS Logical
JS Loops
JS Loops JS Loop for JS Loop while JS Break JS Continue
JS Strings
JS Strings JS String Templates JS String Methods JS String Search JS String Reference
JS Numbers
JS Numbers JS Number Methods JS Number Properties JS Number Reference JS BigInt JS Bitwise
JS Functions JS Objects JS Dates
JS Dates JS Date Formats JS Date Get JS Date Set JS Date Reference
JS Arrays
JS Arrays JS Array Methods JS Array Search JS Array Sort JS Array Iterations JS Array Reference JS Array Const JS Typed Arrays JS Typed Methods JS Typed Reference
JS Sets
JS Sets JS Set Methods JS Set Logic JS Set WeakSet JS Set Reference
JS Maps
JS Maps JS Map Methods JS Map WeakMap JS Map Reference
JS Math
JS Math JS Math Reference JS Random
JS RegExp
JS RegExp JS RegExp Flags JS RegExp Classes JS RegExp Metachars JS RegExp Assertions JS RegExp Quantifiers JS RegExp Patterns JS RegExp Objects JS RegExp Methods
JS Data Types
JS Data Types JS typeof JS toString() JS Type Conversion
JS Errors JS Debugging JS Events JS Programming
JS Control Flow JS Scope JS Hoisting JS Strict Mode JS Code Blocks JS Style Guide JS Best Practices JS Mistakes JS Performance
JS References
JS Keywords Reference JS Keywords Reserved JS Operator Reference JS Operator Precedence
JS UTF-8 Characters
JS UTF-8 Letters JS UTF-8 Symbols JS UTF-8 Emojis

JS Advanced

JS Versions
JS Versions JS 2025 JS 2024 JS 2023 JS 2022 JS 2021 JS 2020 JS 2019 JS 2018 JS 2017 JS 2016 JS 2015 (ES6) JS 2009 (ES5) JS IE / Edge JS History
JS Functions
Function Definitions Function Arrows Function Parameters Function Invocation Function this Function Call Function Apply Function Bind Function Closures
JS Objects
Object Definitions Object Properties Object Methods Object Display Object Constructors Object this Object Destructuring Object Prototypes Object Iterations Object Management Object Get / Set Object Protection Object Reference
JS Classes
JS Classes JS Class Inheritance JS Class Static
JS Iterations
JS Loops JS Iterables JS Iterators JS Generators
JS Promises
JS Callbacks JS Asynchronous JS Promises JS Async/Await
JS Modules JS HTML DOM
DOM Intro DOM Methods DOM Document DOM Elements DOM HTML DOM Forms DOM CSS DOM Animations DOM Events DOM Event Listener DOM Navigation DOM Nodes DOM Collections DOM Node Lists
JS Windows
JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies
JS Web API
Web API Intro Web Validation API Web History API Web Storage API Web Worker API Web Fetch API Web Geolocation API
JS AJAX
AJAX Intro AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications AJAX Examples
JS JSON
JSON Intro JSON Syntax JSON vs XML JSON Data Types JSON Parse JSON Stringify JSON Objects JSON Arrays JSON Server JSON PHP JSON HTML JSON JSONP
JS jQuery
jQuery Selectors jQuery HTML jQuery CSS jQuery DOM
JS Graphics
JS Graphics JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js
JS Examples
JS Examples JS HTML DOM JS HTML Input JS HTML Objects JS HTML Events JS Browser JS Editor JS Exercises JS Quiz JS Website JS Syllabus JS Study Plan JS Interview Prep JS Bootcamp JS Certificate
JS Objects

JavaScript. W3Schools in English. Lessons for beginners

Ua Es De Fr Ru

JavaScript Introduction

❮ Prev Next ❯

This page contains some examples of what JavaScript can do.

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

Example

document.getElementById("demo").innerHTML = "Hello JavaScript";
Try it Yourself »

JavaScript accepts both double and single quotes:

Example

document.getElementById('demo').innerHTML = 'Hello JavaScript';
Try it Yourself »

JavaScript Can Change HTML Attribute Values

In this example JavaScript changes the value of the src (source) attribute of an <img> tag:

The Light Bulb

Bulboff

Try it Yourself »

JavaScript Can Change HTML Styles (CSS)

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

Example

document.getElementById("demo").style.fontSize = "35px";
Try it Yourself »

JavaScript Can Hide HTML Elements

Hiding HTML elements can be done by changing the display style:

Example

document.getElementById("demo").style.display = "none";
Try it Yourself »

JavaScript Can Show HTML Elements

Showing hidden HTML elements can also be done by changing the display style:

Example

document.getElementById("demo").style.display = "block";
Try it Yourself »

Did You Know?

JavaScript and Java are completely different languages, both in concept and design.

JavaScript was invented by Brendan Eich in 1995, and became an ECMA standard in 1997.

ECMA-262 is the official name of the standard. ECMAScript is the official name of the language.

JavaScript Versions »

JavaScript - Introduction. W3Schools Video Tutorial

This video is an introduction to JavaScript.

Part of a series of video tutorials to learn JavaScript for beginners!

❮ Prev Next ❯

✍ Comments