Afficher le contenu console dans la page html
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:
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:
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 !
