Nouvelles ressources en React
Nouvelles ressources pour les niveaux intermédiaires.
Lire la suite...
JavaScript est un langage de programmation de scripts, conçu pour les pages Web interactives et les applications Web, créé en 1995.
DÉBUTANT(E)
⇒ Exemples de codes
→ Vous devez être bilingue (Fr/En). Les exemples de code sont en Anglais.
→ Commençons par des codes très simples. Plus vous progresserez, page après page, plus les scripts seront sophistiqués. Vous devrez cependant parcourir 30 à 40 pages par niveau, avant de passer à l'étape suivante…
→ Pour évaluer vos codes, cliquez sur l'icône en bas à gauche de la page (roues dentées), puis choisissez un compilateur dans la liste qui s'ouvrira dans un autre onglet. Pour finir, testez votre travail.
À VOUS DE REPRODUIRE ET DE VOUS IMMERGER !
C 0001 - Hello World !
Reproduisez ce code (ne pas copier-coller !).
<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 - Liste
Reproduisez ce code (ne pas copier-coller !).
<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
Reproduisez ce code (ne pas copier-coller !).
<html>
<body>
<h2>POPUP</h2>
<p>Example</p>
<script>window.alert(189 + 3454);
</script>
</body>
</html>
C 0004 - Comparez des données
Reproduisez ce code (ne pas copier-coller !).
<!DOCTYPE html>
<html>
<body>
<h2>Comparison</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>
C 0005 - Type de données
Reproduisez ce code (ne pas copier-coller !).
<!DOCTYPE html>
<html>
<body>
<h2>Evaluation</h2>
<p id="comp"></p>
<script>
let x = 6 + 28 + "Orange" + "Paris" ;
document.getElementById("comp").innerHTML = x;
</script>
</body>
</html>
C 0006 - Type de données
Reproduisez ce code (ne pas copier-coller !).
<!DOCTYPE html>
<html>
<body>
<h2>Evaluation</h2>
<p id="comp"></p>
<script>
let x = 134 + "Blue" + 272 + "Orange" + "London" ;
document.getElementById("comp").innerHTML = x;
</script>
</body>
</html>
C 0007 - Type de données
Reproduisez ce code (ne pas copier-coller !).
<!DOCTYPE html>
<html>
<body>
<h2>Evaluation</h2>
<p id="comp"></p>
<script>
let x = 134 + " Blue" + 272 + " Orange" + " London" ;
document.getElementById("comp").innerHTML = x;
</script>
</body>
</html>
C 0008 - PopUp
Reproduisez ce code (ne pas copier-coller !).
<html>
<body>
<h2>POPUP</h2>
<p>Example</p>
<script>window.alert(888 + 2023);
</script>
</body>
</html>
CHOISISSEZ VOTRE COMPILATEUR
Reproduisez ce code, en choisissant l'un des compilateurs ci-dessous (ne copiez-collez pas ! Ce serait trop facile). Tous ont la même fonction, choisissez-en un en tenant simplement compte de vos préférences.
Lorsque vous copiez votre code, remplacez le code existant (par défaut) figurant déjà dans le compilateur, par le vôtre.
Attention ! Pour certains de ces compilateurs, vous devez vous-même choisir le langage de programmation, dans le menu qui vous est alors proposé. Bien évidemment, n'oubliez pas de cliquer sur RUN !
Code
Frameworks
Info/Outils+
» Date de création : 1995
* Créé par Brendan Eich
* Développé et soutenu par ECMAScript, Netscape Communications Corporation, Mozilla Foundation
* Influencé par Java, C++, PERL et Python
* Multiplateforme
* Créé par Brendan Eich
* Développé et soutenu par ECMAScript, Netscape Communications Corporation, Mozilla Foundation
* Influencé par Java, C++, PERL et Python
* Multiplateforme
Actualité
Les commentaires que vous nous laissez sont systématiquement soumis à une modération rigoureuse. Les incivilités et calomnies, les menaces, les intimidations de toutes sortes, plus globalement toutes les violences verbales gratuites, ou bien la diffusion d’informations non vérifiées… ne sont pas tolérées. Nous nous réservons en outre le droit de ne publier que les commentaires qui font effectivement avancer le débat et permettent une meilleure compréhension du sujet traité par l'article présenté sur cette page (ainsi que toutes ses ramifications) et ce, quelle qu’en soit la teneur globale.
