communauté
via JavaScript, j'ai mis en œuvre deux boutons ( oui strong> et non fort>). p> Le code mis en œuvre pour cela est le suivant: P> <html>
<!DOCTYPE doctype html>
<html lang="en">
<head>
<script language="javascript" type="text/javascript">
function bnt1() {
if (typeof(Storage) !== "undefined") {
if (sessionStorage.bnt1) {
sessionStorage.bnt1 = "Yes";
}
document.getElementById("answer").innerHTML = "You have clicked the button: " + sessionStorage.bnt1 + "." ;
}
}
function bnt2() {
if (typeof(Storage) !== "undefined") {
if (sessionStorage.bnt2) {
sessionStorage.bnt2 = "No";
}
document.getElementById("answer").innerHTML = "You have clicked the button: " + sessionStorage.bnt2 + ".";
}
}
</script>
<div style="background-color: #FFFAFA; width:50vw; text-align: center;padding: 8px;color:black">
<h2><input size="90" value="Is He (She) young?"/></h2>
<button class="btn info" onclick="bnt1()" type="button">Yes</button>
<button class="btn danger" onclick="bnt2()" type="button">No</button>
<div id="answer"></div>
</div>
</html>
3 Réponses :
Essayez ceci,
<html lang="en">
<head>
</head>
<body>
<div style="background-color: #FFFAFA; width:50vw; text-align: center;padding: 8px;color:black">
<h2><input size="90" value="Is He (She) young?"/></h2>
<button class="btn info" onclick="bnt1()" type="button">Yes</button>
<button class="btn danger" onclick="bnt2()" type="button">No</button>
<div id="answer"></div>
</div>
<script language="javascript" type="text/javascript">
function bnt1() {
if (typeof(Storage) !== "undefined") {
sessionStorage.bnt1 = "Yes";
document.getElementById("answer").innerHTML = "You have clicked the button: " + sessionStorage.bnt1 + "." ;
}
}
function bnt2() {
if (typeof(Storage) !== "undefined") {
sessionStorage.bnt2 = "No";
document.getElementById("answer").innerHTML = "You have clicked the button: " + sessionStorage.bnt2 + ".";
}
}
</script>
</body>
</html>
Je pense que vous voulez essayer quelque chose comme ça
Utilisez la méthode JS Seattribue pour modifier l'ID sur ce que vous voulez.
1) Ajouter une classe supplémentaire à part de l'ID à votre étiquette de réponse. P>
<div id="answer" class="answerElement"/>
HTML n'a aucune méthode. setattribute est une méthode JavaScript. :)
Pourquoi voudriez-vous changer l'identifiant de la DIV?