Affichage automatique

Par Eric2b, il y a 5 ans


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.

4 réponses

ToinouPHP, il y a 5 ans

ce que tu peux faire, , c´est load()

Tu affiches la table sur une autre page,

Et tu la load apres selection dans la liste en passant les variables en PHP

Si tu veux un exemple, dis moi je te code ca

Eric2b, il y a 5 ans

Bonjour,
je préfèrerai enlever le bouton afficher et faire afficher lorsque l'on a choisi la valeur de la table

ToinouPHP, il y a 5 ans

Oui, c'est ce que je viens de dire.

Eric2b, il y a 5 ans

sans passer par le php. comment déclencher la fonction (event) lorsque l'on a choisit la valeur de la table sans passer par le btnShow.addEventListener ?