Soy principiante en esto de la programación. Estuve investigando y encontré que se puede agregar un método new IntNumberFormat, pero no me sirvió, o bueno, no sé cómo utilizarlo.
Este es mi archivo js.
addEventListener('DOMContentLoaded', ()=>{
var btnCalcular = document.querySelector('.calcular');
btnCalcular.addEventListener('click', (e)=>{
e.preventDefault();
var compra = document.querySelector('#compra').value;
var descuento = document.querySelector('#descuento').value;
var valor = document.querySelector('#valor');
var porcentaje = (descuento / 100) * compra;
new Intl.NumberFormat('es-ES').format(valor).value;
valor.value = compra - porcentaje.toFixed(3);
});
});
Este es mi archivo html.
<div class="main-container">
<div class="content">
<form action="#" class="form-input">
<label for="title">Compra</label>
<input type="text" name="cliente" id="cliente" placeholder="Cliente">
<input type="text" name="compra" id="compra" placeholder="Compra">
<label for="descuento">Descuento 1% al 30%</label>
<input type="range" min="0" max="30" step="1" name="descuento" id="descuento">
<input type="text" name="valor" id="valor" placeholder="Valor">
<button class="calcular">Calcular</button>
</form>
<div class="mensaje"></div>
</div>
</div>