Estou criando um formulário simples,em que tenho que fazer um calculo de dois campos para aparecer uma mensagem, até ai nenhum problema, mas como são varios campos que vou ter que aplicar mesma formula várias vezes, queria fazer de um jeito mais dinâmico, não apenas copiar o mesmo script várias vezes. Segue abaixo o meu código
<div class="col-4">
<label for="habitantes" class="label">Número de Habitantes:</label>
<input type="number" name="habitantes" id="habitantes">
</div>
<div class="col-4">
<label for="habitantes2" class="label">Número de Habitantes:</label>
<input type="number" name="habitantes2" id="habitantes2">
</div>
<div class="col-4">
<label for="consultores" class="label">Número de Consultores Cadastrados</label>
<input type="number" name="consultores[]" id="consultores">
<span style="color:green" class="resultado"></span>
</div>
<div class="col-4">
<label for="consultores2" class="label">Número de Consultores Cadastrados</label>
<input type="number" name="consultores[]" id="consultores2">
<span style="color:green" class="resultado2"></span>
</div>
<script>
$('#consultores').change(function(event) {
event.preventDefault();
$('#consultores').each(function() {
var valor = $('#habitantes').val();
var valor2 = $('#consultores').val();
var calculo = valor / valor2;
if(calculo>=100){
$('.resultado').html("deu certo");
}
});
});
$('#consultores2').change(function(event) {
event.preventDefault();
$('#consultores').each(function() {
var valor = $('#habitantes2').val();
var valor2 = $('#consultores2').val();
var calculo = valor / valor2;
if(calculo>=100){
$('.resultado2').html("deu certo");
}
});
});
<script>