Bonjour,
Je rencontre un petit problème avec mon code.
Ce que je fais
Je souhaiterais modifier ce code pour que la table de multiplication s'affiche automatiquement après sélection dans la liste.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Tables de multiplications</title>
</head>
<body>
<h1>Tables de multiplication</h1>
<p>
Table de <input id="input-table" type="number">
<button id="btn-show">Afficher</button>
</p>
<p class="result">
Cliquer sur le bouton pour afficher la table de multiplication
</p>
<script>
var table = document.querySelector("#input-table")
var btnShow = document.querySelector("button");
btnShow.addEventListener('click', function (event) {
texte = "";
for(var i=0; i<13; i++){
texte = texte + i + " x " + table.value + " = " + i * parseInt(table.value) + '<br>';
}
result = document.querySelector(".result");
result.innerHTML = texte;
});
</script>
</body>
</html>
Ce que je veux
Je souhaiterais modifier ce code pour que la table de multiplication s'affiche automatiquement après sélection dans la liste. Je voudrai enlever le bouton afficher.
Eric2b
