J'essaie de coder une calculatrice BMI.
Je veux que l'extrait écoute sur un champ de saisie HTML. Si quelqu'un écrit un numéro dans le champ Entrée, l'entrée écrite doit indiquer instantanément à l'écran. Mais! Avec l'entrée que je veux calcaire. Si j'écris Comment puis-je utiliser la valeur de retour? Avez-vous une solution? P> travail:
P> document.getElementById("formInputBodySize").addEventListener("input", fBodySize);
function fBodySize() {
let arrBodySize = [];
arrBodySize.push(this.value);
let res = Number(arrBodySize[arrBodySize.length - 1]);
return res;
}
let result = fBodySize() + 10;
document.getElementById('titleWeight').innerText = result;
3 Réponses :
<input type="number" id="formInputBodySize" oninput="fBodySize(this.value)"> <script> function fBodySize(elInput) { let arrBodySize = []; arrBodySize.push(elInput); let res = Number(arrBodySize[arrBodySize.length - 1]); document.getElementById('titleWeight').innerText = res; } </script>
Oninput est juste bien
J'ai changé en Oninput mais de mon point de vue onKeyup est plus géré
Vous n'effectuez pas non plus le calcul
Après avoir répété votre question plusieurs fois, je pense que vous voulez dire ceci:
p>
Body size:<input type="text" id="formInputBodySize" /> Title weight: <span id="titleWeight"></span>
Je pense que j'ai expliqué mon problème mal? Je veux une solution simple comme celle-ci, mais elle ne fonctionne pas:
p>
document.getElementById('formInputBodySize').addEventListener('input', fBodySize); document.getElementById('formInputWeight').addEventListener('input', fWeight); function fBodySize() { return this.value; } function fWeight() { return this.value; } document.getElementById('formInputBmi').value = fBodySize() / (fWeight() * fWeight());
L'erreur dans votre démonstration en direct est causée par vous n'ayant aucun HTML.