- À l'aide d'une boucle, générez 10 divs dont le contenu est
" "
. Toujours en JS, donnez-leur une couleur de fond noir. En CSS, appliquez le style suivant :
div {
display: inline-block;
width: 25px;
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>Document</title> | |
<style> | |
div.exercice1 { | |
display: inline-block; |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>Document</title> | |
<style> | |
div { | |
width: 20px; |
Commencez par créer une page HTML basique (!
et Enter dans une fichier .html
)
div
vide avec createElement
, ajoutez-lui un id
("résultat"
) et ajoutez la à la page (au body
).div
créée à l'exercice 1.1 avec son id
(getElementById
). À l'aide d'une boucle, qui tourne 10 fois, écrivez les chiffres de 1 à 10 dans le .innerHTML
de la div
. Résultat attendu (si on avait écrit en HTML la div
devrait ressembler à ceci) :// Executer le code 100 fois (équivalent à tirer 100 dés) | |
for (let i = 0; i < 101; i++) { | |
// Créer une div | |
let maDiv = document.createElement('div'); | |
// Tirer un nombre aléatoirement entre 1 et 6 | |
let nombreAléatoire = Math.ceil(Math.random() * 6); | |
// Ajouter le nombre aléatoire au contenu de la div | |
maDiv.innerHTML = nombreAléatoire; |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>Document</title> | |
</head> | |
<body> | |
<input type="number" name="tentative" id="tentative" /> |
prénomTuteur
qui contient la valeur "Loris"
.nomTuteur
qui contient la valeur "Rimaz"
.ageTuteur
qui contient la valeur 24
.tuteur
qui contient les valeurs suivantes :
prénom
qui vaut prénomTuteur
.nom
qui vaut nomTuteur
.<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>Exercice 3</title> | |
<style> | |
div { | |
padding: 10px; |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>Exercice 3</title> | |
<style> | |
div { | |
padding: 10px; |
Créez une boucle qui écrit dans la console les chiffres de 0 à 100.
Créez une boucle qui écrit dans la console les chiffres pairs de 2 à 100.
Créez une boucle qui fait un compte à rebours de 300 à 0 en faisant des sauts de 3.