Syntaxe switch(expression) { case n: code bloc break; case n: code bloc break; default: default code bloc } Cliquez sur le bouton pour savoir quel jour on est OK Le code expliqué <p>Cliquez sur le bouton pour savoir quel jour … Continued
Même exemple mais avec d’autres messages suivants l’heure. Essayez-le Le code expliqué <p>Même exemple mais avec d’autres messages suivants l’heure.</p> <button onclick= »myFunction() »>Essayez-le</button> <p id= »demo »></p> <script> function myFunction() { var greeting; var time = new Date().getHours(); if (time < 10) { … Continued
if (condition) { bloc à exécuter si la condition est vraie } else { bloc à exécuter si la condition est fausse } Afficher un message en fonction de l’heure Essayez ! Le code expliqué <p>Afficher un message en fonction … Continued
if (condition) { bloc à exécuter si la condition est vraie } Afficher « Bonne journée » seulement si il est moins de 20 heures. Le code expliqué <p>Afficher « Bonne journée » seulement si il est moins de 20 heures.</p> <p id= »demo »></p> <script> … Continued
Introduisez votre âge OK Le code expliqué <p>Introduisez votre âge</p> <input id= »age » value= »18″ /> <button onclick= »myFunction() »>OK</button> <p id= »demo »></p> <script> function myFunction10() { var age,voteable; age = document.getElementById(« age »).value; voteable = (age < 18) ? "Trop jeune pour":"En âge de"; document.getElementById("demo").innerHTML = … Continued
Un saut de boucle se produira pour le numéro 3. Essayez ! Le code expliqué <p>Un saut de boucle se produira pour le numéro 3.</p> <button onclick= »myFunction() »>Essayez ! <p id= »demo »></p> <script> function myFunction() { var text = « »; var i; … Continued
Cliquez pour commencer la démonstration. OK Le code expliqué <p>Cliquez pour commencer la démonstration.</p> <button onclick= »myFunction() »>OK</button> <p id= »demo »></p> <script> function myFunction() { var text = « »; var i; for (i = 0; i < 10; i++) { if (i == … Continued
Glisser et déposer le texte dans le rectangle. Le code expliqué <style> #div2 {width:350px;height:100px;padding:10px;border:1px solid #aaaaaa;} </style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData(« text », ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData(« text »); ev.target.appendChild(document.getElementById(data)); } </script> … Continued
Glisser et déposer le texte dans le rectangle. Bienvenue aux ateliers inversés ! Le code expliqué <tyle> #div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} </style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData(« text », ev.target.id); } function drop(ev) { ev.preventDefault(); var data … Continued
Votre navigateur ne supporte le canvas tag. Le code expliqué <canvas id= »myCanvas35″ width= »300″ height= »150″ style= »border:1px solid #d3d3d3; »> Votre navigateur ne supporte le canvas tag.</canvas> <script> var c = document.getElementById(« myCanvas35 »); var ctx = c.getContext(« 2d »); var grd = ctx.createLinearGradient(0, 0, 170, 0); … Continued