wirelesstec.ru
IT Blog
Страницы
Главная страница
2domains & Blogger
Учиться программировать.
Python. Установка.
CeBIT 2013
Калькулятор чаевых
Заправка Электромобилей в Москве
Популярные запросы Google за 30 дней по России
Калькулятор чаевых
Ваш счет (сумма)_________
Количество человек_______
Заплатить чаевые в размере
% от счета
Каждый из заплатит:
Собственно, весь гаджет!
Этот гаджет можно увидеть справа.
Это простой код html/css/javascript
В поле для чаевых вводится целое число (например если чаевые составляют 5%, то вводим число 5)
Код:
___________________________________________________
<style type="text/css">
body {
margin:0;
padding:0;
font: 10pt, veranda, arial, helvetica, sans-serif;
}
.calculator{
width:300px;
text-align:right;
}
.header{
max-width:300px;
text-align:center;
}
</style>
<script type="text/javascript">
function aamakeMoney(){
var jtcy = parseInt(document.getElementById('yinput_total_cost').value);
var jhpy = parseInt(document.getElementById('yinput_how_much_persons').value);
var jtpy = parseInt(document.getElementById('yinput_tip_persent').value);
var jory = document.getElementById('youtput_result').innerHTML = (jtcy + (jtcy*jtpy/100))/jhpy;
}
</script>
<br />
<div class="mainsiter">
</div>
<div class="calculator">
<form name="tip_calculator" onsubmit="aamakeMoney(this)">
<div class="pright">
Ваш счет (сумма)_________
<input id="yinput_total_cost" name="yitotal_cost" size="3" type="text" /></div>
<div class="pright">
Количество человек_______
<input id="yinput_how_much_persons" name="yihow_much_persons" size="3" type="text" /></div>
<div class="pright">
Заплатить чаевые в размере
<input id="yinput_tip_persent" name="yitip_persent" size="2" type="text" />% от счета</div>
<div class="pright">
<input name="make_it" onclick="aamakeMoney()" type="button" value="Рассчитать" /></div>
Каждый из заплатит: <span id="youtput_result" style="font-weight:600;"></span><br />
_________________________________________________________
Комментариев нет :
Отправить комментарий
Главная страница
Подписаться на:
Сообщения ( Atom )
Комментариев нет :
Отправить комментарий