Tengo el siguiente formulario html el cual tiene un campo readonly "Precio Base" y quiero llenarlo con un valor que dependerá de los datos que tengan los otros inputs para luego validarlo con Javascript y con Java (JSP, Servlets) guardarlos en una base de datos.
<form class="col-lg-6 col-md-8 col-sm-12 mx-auto form-style">
<h1 class="text-center text-dark text-uppercase font-weight-bold">Registrar Nuevo Alquiler</h1>
<div class="form-group">
<label for="pisoOficina">Piso</label>
<input type="number" class="form-control" id="pisoOficina" placeholder="Piso" min="1" max="5">
</div>
<div class="form-group">
<label for="cantidadSillasOficina">Cantidad de Sillas</label>
<input type="number" class="form-control" id="cantidadSillasOficina" placeholder="Cantidad de Sillas" min="1">
</div>
<div class="form-group">
<label for="frenteVentanaOficina">¿Frente a Ventana?</label>
<select class="form-control" id="frenteVentanaOficina">
<option>Si</option>
<option>No</option>
</select>
</div>
<div class="form-group">
<label for="precioBaseOficina">Precio Base</label>
<input type="number" class="form-control" id="precioBaseOficina" placeholder="Precio Base" readonly>
</div>
<button type="submit" class="btn btn-dark w-100">AGREGAR ALQUILER</button>
</form>
Por ejemplo, si el usuario ingresa en el input de piso el valor 1, entonces automáticamente el precio base sera de 2000, pero si el usuario borra el valor 1 o lo cambia el precio base cambiara. Conozco formas de hacerlo con un botón "Calcular Precio" pero si existiese alguna forma de que sea automático seria lo mas adecuado.