Travailler avec plusieurs inputs dans React
Supposons que nous ayons deux inputs, dans lesquels des nombres seront saisis. Faisons en sorte que pendant la saisie, la somme des deux inputs soit affichée dans un paragraphe :
function App() {
const [value1, setValue1] = useState(0);
const [value2, setValue2] = useState(0);
function handleChange1(event) {
setValue1(+event.target.value);
}
function handleChange2(event) {
setValue2(+event.target.value);
}
return <div>
<input value={value1} onChange={handleChange1} />
<input value={value2} onChange={handleChange2} />
<p>résultat : {value1 + value2}</p>
</div>
}
Il y a 5 inputs. Faites en sorte que
lors de la saisie de nombres dans nos inputs, la
moyenne arithmétique des nombres saisis soit affichée
dans le paragraphe.
