Discussion :

[Hando]

Bonjour,

Dans le cadre d'un exercice, je dois créer un bouton qui lorsque l'on appui dessus affiche la table de multiplication de 3. Ce n'est pas tout il est obligatoire de réaliser cet exercice en faisant 2 pages une html et l'autre js.
Le fichier js contient la fonction qui calcul la table de 3, puis le fichier html lui le bouton sur lequel appuyer. Je suis parvenu à réaliser l'exercice à moitié. Le bouton affiche bien la table de 3 mais dans la console, alors comment faire pour passer d'un affichage dans la console à une affichage sous le bouton ?

Voici le code

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<button type="button" onclick="showtable()" id="tableTrois">Table de 3</button>
 
<div>Cliquer sur un bouton pour afficher la table de multiplication</div>
 
<script src="Essai.js">
</script>

Le code Js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var diviseur = 3;
function showtable (){
    for(var i = 0 ; i <= 10 ; i++){
    var tableDeTrois = i * diviseur;
    console.log(`${diviseur} * ${i} = ${tableDeTrois}`)
    }
};

Merci de votre aide !

[danielhagnoul]

Piste : https://developer.mozilla.org/fr/doc...de/textContent