ardoise, console...

Bonjour.

Écrire une ardoise firefox js qui affiche "Bonjour !" dans la console du navigateur.

On ouvre une ardoise avec le simple texte :

console.log('Bonjour !');

On clique ensuite sur exécuter et on visualise le résultat dans la console du navigateur (rappel : il est souvent utile de vider le contenu de la console au préalable).

La table du 9.

En vous inspirant de l'exemple du cours affichant les carrés des premiers entiers, afficher dans la console du navigateur les multiples de 9 (de \( 0\times 9\) jusqu'à \( 9\times 9 \) ) à partir d'un script écrit dans l'ardoise.

Contenu de l'ardoise :

for (let i = 0; i <= 9; i++) {
  console.log(9 * i);
}

Ou avec des messages plus explicites :

for (let i = 0; i <= 9; i++){
  console.log('9 * ' + i + ' = ' + (9 * i));
}

On peut aussi écrire:

for (let i = 0; i <= 9; i++){
  console.log(`9 * ${i} = ${9 * i}`);
}

La table du 9.

L'exemple suivant montre le contenu d'une page html : un paragraphe vide (délimité par les balises <p> et </p>) et un script.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> hello </title>
    </head>
    <body>
    
    	<p> </p>
    	
        <script>
        var contenuHtml = "Bonjour.";
        contenuHtml+= "<br>"; // pour aller à la ligne
        contenuHtml+= "Et au revoir.",
        
        document.getElementsByTagName("p")[0].innerHTML = contenuHtml;  
        </script>
        
    </body>
</html>

En vous inspirant de cet exemple et des exercices précédents, écrire une page html qui affichera les multiples de 12 (de \(1\times 12\) à \( 12\times 12\).

Un code possible :

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> table du 12 </title>
    </head>
    <body>
    
    	<p> </p>
    	
        <script>
        var contenuHtml = '';
        for(var i = 1; i < 13; i+=1)
        {
        	contenuHtml+= '12 * ' + i + ' = ' + (12*i);
        	contenuHtml+= '<br>';
        }
         
        
        document.getElementsByTagName("p")[0].innerHTML = contenuHtml;  
        </script>
        
    </body>
</html>

Une seconde version de ce code:

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> table du 12 </title>
    </head>
    <body>
    
    	<p> </p>
    	
        <script>
        let contenuHtml = ``;
        for(let i = 1; i < 13; i+=1)
        {
        	contenuHtml += ` 12 × ${i} = ${12*i} <br>`;
        }
         
        
        document.getElementsByTagName("p")[0].innerHTML = contenuHtml;  
        </script>
        
    </body>
</html>