Привет, ребята
Возник такой вопрос. Почему $curr работает только через:
var curr = document.getElementById('total_curr');
Вот так не передает значение:
var curr = $('#total_curr');
Полный код:
<div class="calc-input" align="center">
<input type="number" id="curr_in1" value="">
<input type="number" id="curr_in2" value="">
</div>
<div class="calc-curr">
<select id="curr1">
<option value="0.01344449">Euro</option>
<option value="0.01491398">USD</option>
<option value="1.00000000">Рубль</option>
</select>
<select id="curr2">
<option value="0.01344449">Euro</option>
<option value="0.01491398">USD</option>
<option value="1.00000000">Рубль</option>
</select>
</div>
<div class="clearfix"></div>
<hr>
<span id="total_curr"></span>
$(function(){
var curr = document.getElementById('total_curr');
$('#curr_in1, #curr1').on('change', function(){
var curr_in2 = ($('#curr_in1').val() * $('#curr2').val()).toFixed(4);
curr.innerHTML = curr_in2;
});
// это пока что не нужно.
/*$('#curr_in2, #curr2').on('change', function(){
var curr_in1 = ($('#curr1').val() * $('#curr_in2').val()).toFixed(4);
$('#curr_in1').val(curr_in1);
});*/
});