Beginner
Image

JavaScript is a programming language (♦ see DEF) scripts, intended for interactive Web pages and for App. Web too, created in 1995.

JavaScript is an object oriented language, known as prototype.

Code Examples

→ Let's start with very simple codes. The more you progress, page after page, the more sophisticated the scripts will be. However, you must go over 30 to 40 pages per level, before moving on to the next step...

→ In order to evaluate your codes, click on the icon on the left at the bottom of the page (gears), then choose a compiler from the list that will be open in another tab. Finally, test your work.

NOW REPRODUCE AND IMMERSE YOURSELF!

C 0001 - Hello World !

Reproduce this code (please do not copy-paste!).
<!DOCTYPE html>
<html>
<body>
<h2>Exemple</h2>
<p id="example1">JavaScript can change content</p>
<button type="button" onclick='document.getElementById("example1").innerHTML = "Hello World !";'>Click here !</button>
</body>
</html>

C 0002 - List

Reproduce this code (please do not copy-paste!).
<!DOCTYPE html>
<html>
<body>
<h2>Array methods using JavaScript</h2>
<h2>join()</h2>
<p>The join () method joins the array elements into a string.</p>
<p>In this example, "/" acts as a separator between the elements presented :</p>
<p id="demo"></p>
<script>const painters = ["Vermeer", "Picasso", "Leonardo da Vinci", "Vincent van Gogh"];document.getElementById("demo").innerHTML = painters.join(" / ");</script>
</body>
</html>

C 0003 - POPUP

Reproduce this code (please do not copy-paste!).
<!DOCTYPE html>
<html>
<body>
<h2>POPUP</h2>
<p>Example</p>
<script>window.alert(189 + 3454);
</script>
</body>
</html>

C 0004 - Comparing Datas

Reproduce this code (please do not copy-paste!).
<!DOCTYPE html>
<html>
<body>
<h2>Compare two data for your retirement</h2>
<p>Indicate your age :</p>
<input id="age" value="67" />
<button onclick="myFunction()">Compare</button>
<p id="demo"></p>
<script>function myFunction() {  let age = document.getElementById("age").value;  let see = (age < 67) ? "Too young ":"Old enough ";  document.getElementById("demo").innerHTML = see + "to retire.";}</script></body>
</html>
Icon

CHOOSE YOUR COMPILER

Reproduce this code, choosing one of the compilers below (♦ See DEF.) (don't copy-paste! It would be too easy). They have the same function, just pick up one according to your preferences.

When you copy your code, replace the existing code (by default) with your own.

Warning ! For some of these compilers, you might have to choose the programming language yourself, in a specific menu which is offered to you. Of course, don't forget to click on RUN !

JavaScript Technical Specifications

Info+ (JavaScript)

Creation
» Creation date: 1995
* Created by Brendan Eich
* Developed and supported by ECMAScript, Netscape Communications Corporation, Mozilla Foundation
* Influenced by Java, C ++, PERL and Python
* Multiplatform

Tools+ (JavaScript)

Softwares & Frameworks

Practical Cases

In order to train you, we add small programs every week to this section to keep you up to speed.

CASE 1

BASIC LEVEL

Displaying a list of famous painters

This small program will allow you to display in a pre-established order, in a POPUP, a list of painters.

⇒ TRY

CASE 2

ADVANCED LEVEL

Determine a selection process

This small kit will allow you to create an authorization form, established according to 4 precise criteria.

⇒ TRY

CASE 3

EXPERT LEVEL

Develop an educational module for knowledge control

Design and develop a module allowing to test knowledge in Art or Human Sciences's fields.

⇒ TRY

News

Image
2022 (C) Fond of Code tm (official trademark) - Reflex001 / Diego Piccini (da Todi).
All rights reserved. Protected editorial content (www.theethicalweb.com) / INPI France.

About Us...

About Us...
Reflex001

Web
Programming
Development

Company based in
Nice - FRANCE / Montreal - CANADA
Only by appointment...
© 2022 - All rights reserved.
ISSN Registration request in progress...

Main Topics

Main Topics

Legal/Support

Legal/Support
Image
© Copyright 2022 Reflex001. Designed By Art and Earth Networks and Technology / Diego Piccini / Piccini da Todi G&D Studio