Создал калькулятор все вроде бы правильно но не могу понять в чем ошибка помогите пожалуйста
$("#getIMT").click(function() {
var a = $("#A").val();
var b = $("#B").val();
var c = $("#C").val();
var d = $("#D").val();
var result = (3.50 * a * b) * 12 + (b * 12) * c;
$("#imtResult").html("Ваш результат");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<div .second class="form-group col-md-6 col-sm-6">
<p class="blockquote">Среднее кол-во листов в документе</p>
<input type="number" name="adress" id="A" class="form-control" placeholder="10" required="" />
</div>
<div .second class="form-group col-md-6 col-sm-6">
<p class="blockquote">Среднее кол-во листов в документе</p>
<input type="number" name="adress" id="B" class="form-control" placeholder="10" required="" />
</div>
<div .third class="form-group col-md-6 col-sm-6">
<p class="blockquote">Средняя цена отправки по городу</p>
<input type="number" name="number" class="form-control" id="C" required="" placeholder="200" />
</div>
<div .fourth class="form-group col-md-6 col-sm-6">
<p class="blockquote">Средняя цена отправки по стране</p>
<input type="number" name="number" id="D" class="form-control" placeholder="2" required="" />
</div>
</form>
<div>
<button id="getIMT" type="button" class="btn btn-success">Расчитать</button>
<span id="Result"></span>
<span id="imtResult"></span>
</div>
Ответы (1 шт):
Автор решения: De.Minov
→ Ссылка
У вас переменные, в которые вы получается .val(), содержат строку, а не число.
Да и вы не выводите результат.
$("#getIMT").click(function() {
var a = Number($("#A").val());
var b = Number($("#B").val());
var c = Number($("#C").val());
var d = Number($("#D").val());
var result = (3.50 * a * b) * 12 + (b * 12) * c;
$("#imtResult").html("Ваш результат: "+result);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<div .second class="form-group col-md-6 col-sm-6">
<p class="blockquote">Среднее кол-во листов в документе</p>
<input type="number" name="adress" id="A" class="form-control" placeholder="10" required="" />
</div>
<div .second class="form-group col-md-6 col-sm-6">
<p class="blockquote">Среднее кол-во листов в документе</p>
<input type="number" name="adress" id="B" class="form-control" placeholder="10" required="" />
</div>
<div .third class="form-group col-md-6 col-sm-6">
<p class="blockquote">Средняя цена отправки по городу</p>
<input type="number" name="number" class="form-control" id="C" required="" placeholder="200" />
</div>
<div .fourth class="form-group col-md-6 col-sm-6">
<p class="blockquote">Средняя цена отправки по стране</p>
<input type="number" name="number" id="D" class="form-control" placeholder="2" required="" />
</div>
</form>
<div>
<button id="getIMT" type="button" class="btn btn-success">Расчитать</button>
<span id="Result"></span>
<span id="imtResult"></span>
</div>