Estoy tratando de establecer el 100% en total en tres campos de entrada. Entonces, la idea es que cuando el usuario establezca 30 en un campo, en los otros dos se dividan automáticamente los números hasta 100. Entonces, en el segundo campo debe haber 35 y en el tercero 35. Además, si se cambia algún número después de eso , los otros dos se ajustarán en consecuencia.

El número en cualquiera de esos tres campos no puede exceder 100. Creo que te estás haciendo una idea de lo que estoy tratando de lograr.

Esto es lo que he probado hasta ahora (no tengo tanta experiencia con JavaScript, pero sé que es un mal enfoque): HTML :

 <input class="pp-w-100 pp-range-numbers pp-first-field" type="number" name="pp-age-old-2030"> <input class="pp-w-100 pp-range-numbers pp-second-field" type="number" name="pp-age-old-3040"> <input class="pp-w-100 pp-range-numbers pp-third-field" type="number" name="pp-age-old-4050">

JS .:

 const firstField = document.querySelector('.pp-first-field'); const secondField = document.querySelector('.pp-second-field'); const thirdField = document.querySelector('.pp-third-field'); const totalPercentage = 100; firstField.addEventListener('change', () => { let intValue = parseInt(firstField.value); if (intValue < totalPercentage) { let getFirstValue = totalPercentage - intValue; secondField.value = getFirstValue / 2; thirdField.value = getFirstValue / 2; } }); secondField.addEventListener('change', () => { let intValue = parseInt(firstField.value) + parseInt(secondField.value); if (intValue < totalPercentage) { thirdField.value = totalPercentage - intValue; } });

El código anterior no funciona como se esperaba.

Gracias.