Bonjour,
Je cherche à afficher des questions Q1 et Q2 et ensuite à afficher les réponses R1 et R2 quand je clique sur Q1 et Q2 , le tout en javascript
J'ai donc créé 4 paragraphes: Q1 R1 Q2 et R2.
Avec du css je cache R1 et R2
puis avec le javascript je veux changer la classe des réponses
mais ça ne fonctionne pas, pourriez me dire où est mon erreur svp?
PS: c'est un exo d'entrainement personnel , je compte le faire ensuite en jquery
Je cherche à afficher des questions Q1 et Q2 et ensuite à afficher les réponses R1 et R2 quand je clique sur Q1 et Q2 , le tout en javascript
J'ai donc créé 4 paragraphes: Q1 R1 Q2 et R2.
Avec du css je cache R1 et R2
puis avec le javascript je veux changer la classe des réponses
mais ça ne fonctionne pas, pourriez me dire où est mon erreur svp?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Titre</title>
<link rel="stylesheet" href="moncss.css" />
<script type="text/javascript" src="monjs.js"></script>
</head>
<body>
<div>
<p class="Q" onclick="montrer()">Q1</p>
<p class="R1" name="rep">R1</p>
<p class="Q" onclick="montrer()">Q1</p>
<p class="R1" name="rep">R2</p>
</div>
</body>
</html>
.Q{
background-color:green;
}
.R1{
background-color:yellow;
visibility:hidden;
}
.R2{
background-color:yellow;
visibility:visible;
}
function montrer(){
var reponses=document.getElementsByClassName("rep");
reponses.className="R2";
}
PS: c'est un exo d'entrainement personnel , je compte le faire ensuite en jquery