j'ai réalisé 3 inputs de type number; pour la largeur , pour la longueur et pour l'aire d'un rectangle
le but de et de rentrer une première valeur: la largeur puis une seconde valeur: la longueur pour obtenir l'aire dur rectangle directement .
je viens vous demander de l'aide car bien évidemment n’étant pas très doué en java Script (j’essaye de m'entrainer) :
quand je rentre la premier valeur (dans le champ input longueur) cette valeur apparait également dans le champ input largeur ce que je ne veux pas
voici mon code html
Code : Tout sélectionner
<label for="longueur">L: longueur</label>
<input type="number" class="form-control" id="longueur" min="0" step="0.01">
<label for="largeur">l: largeur</label>
<input type="number" class="form-control" id="largeur" min="0" step="0.01">
<label for="aireRectangle">A: aire du rectangle</label>
<input type="number" class="form-control" id="aireRectangle" min="0" step="0.01">
Code : Tout sélectionner
const inputLongueurRectangle = document.querySelector('#longueur');
const inputLargeurRectangle = document.querySelector('#largeur');
const inputAireRectangle = document.querySelector('#aireRectangle');
const inputPerimetreRectangle = document.querySelector("#perimetreRectangle");
/* ___de___longeur + largeur à l'aire du rectangle___ */
function longAndLargToAireRectangle() {
let longueur = Number(this.value);
let largeur = Number(this.value);
let longAndLargToAireRectangle = longueur * largeur;
inputLongueurRectangle.value = longueur;
inputLargeurRectangle.value = largeur;
inputAireRectangle.value = longAndLargToAireRectangle.toFixed(2);
if(inputLongueurRectangle.value === '' || inputLargeurRectangle.value === '') {
inputAireRectangle.value = '';
}
}
inputLongueurRectangle.addEventListener('input', longAndLargToAireRectangle);
inputLargeurRectangle.addEventListener('input', longAndLargToAireRectangle);