je m'adresse a vous car j'ai un petit problème. En effet j'aimerai réaliser une petite fonction toute simple qui incrémenterai 1 a chaque clic sur un bouton, puis afficherai le resultat dans un input.
j'ai reussi a tout faire sauf que lorsque je clic sur le bouton +1 le resultat et le suivant : 011111 au lieu de 5.
voila mon petit code :
<html>
<head>
<title>Horloge</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>Page de l'horlaoge en cours de construction</div>
<input type="text" id="heure" value="0">
<button onclick="fct_ajouterUn()">+1</button>
<script>
function fct_ajouterUn() {
var i;
i = document.getElementById("heure").value;
var j = i + 1;
document.getElementById("heure").value = j;
}
</script>
</body>
</html>
Il suffit de mettre un signe + devant le document.getElementById('heure').value (ligne 16) pour convertir la valeur de l'input de type texte en un number.
C'est la solution la plus consise qui ne préjuge pas s"il s'agit d'un entier (parseInt) ou d'un rationnel (parseFloat).
Comme dit précédemment, il faut convertir en nombre avec parseInt:
function fct_ajouterUn() {
var i = parseInt(document.getElementById("heure").value);
var j = i++;
document.getElementById("heure").value = j;
}
Quand tu ne sais pas, Google reste ton meilleur ami! ;)
Petit problème pour compter
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.