Problème sur un code test
Résolu/Fermé
PhantomDark
Messages postés
1
Date d'inscription
dimanche 23 avril 2017
Statut
Membre
Dernière intervention
23 avril 2017
-
23 avril 2017 à 23:23
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 23 avril 2017 à 23:54
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 23 avril 2017 à 23:54
A voir également:
- Problème sur un code test
- Test pc - Guide
- Test ram - Guide
- Media test failure check cable - Astuces et Solutions
- Code asci - Guide
- Code 80072efe ✓ - Forum Windows
1 réponse
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
23 avril 2017 à 23:54
23 avril 2017 à 23:54
Bonjour,
Tu changes le bouton.. et son ID ... normal que l'action du click ne se lance plus...
Essaye ça :
NB : Tu ne montres/caches pas .. tu Ajoutes/supprimes les éléments...
Pour afficher/masquer il faudrait utiliser le style DISPLAY ( à none ou à block )
Tu changes le bouton.. et son ID ... normal que l'action du click ne se lance plus...
Essaye ça :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Diablo III</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<h1>TEST</h1>
<span id="spanbuttonmain"><button id="button">Montrer</button></span>
<ul id=abmain></ul>
<script type='text/javascript'>
function testIfRight() {
if(document.getElementById("button").innerHTML =="Montrer"){
showMainCompFun();
document.getElementById("button").innerHTML = "Cacher";
} else {
hideMainCompFun();
document.getElementById("button").innerHTML = "Montrer";
}
}
function showMainCompFun() {
var testElt = document.createElement("li"); // Création d'un élément li
testElt.id = "try"; // Définition de son identifiant
testElt.textContent = "Test"; // Définition de son contenu textuel
document.getElementById("abmain").appendChild(testElt); // Insertion du nouvel élément
}
function hideMainCompFun() {
document.getElementById("abmain").innerHTML = "";
console.log("Caché !");
}
var showMainComp = document.getElementById("button");
// Ajout d'un gestionnaire pour l'événement click
showMainComp.addEventListener("click", testIfRight);
</script>
</body>
</html>
NB : Tu ne montres/caches pas .. tu Ajoutes/supprimes les éléments...
Pour afficher/masquer il faudrait utiliser le style DISPLAY ( à none ou à block )