Очень простой калькулятор
Скажите какк можно сделать такой калькулятор.Есть одно поле для ввода
num,если в него ввести допустим 2 то sum станет равно cena умножить num. Нужно что б это всё происходило при потере фокуса.
<div class="cena">199</div>
<div><input type="text" value="1" class="num"></div>
<div class="sum">199</div>
|
<div class="cena" id="cena">199</div>
<div><input type="text" value="1" class="num" id="num" onblur="Add()"></div>
<div class="sum" id="sum">199</div>
<script>
function Add(){
var Cena = document.getElementById('cena');
var Num = document.getElementById('num');
var Sum = document.getElementById('sum');
Sum.innerHTML = Cena.innerHTML * Num.value;
}
</script>
|
Спасибо,но я сделал немного по другому
$(document).ready(function() {
$("#num").blur(function(){
f1 = $("#num_form").text();
f2 = $("#num").val();
result = parseInt(f1)*parseInt(f2);
$("#result").text(result);
});
}); |
Я думаю, если Вы делаете только калькулятор, то легче всего это сделать на чистом JS, не подключая при этом всякие JQuery... Во первых, Вы изучаете JS, а во вторых, с библиотекой код будет весить намного больше. Ну это ИМХО...
|
| Часовой пояс GMT +3, время: 21:33. |