К основному контенту

Калькулятор чаевых



Ваш счет (сумма)_________
Количество человек_______
Заплатить чаевые в размере % от счета
Каждый из заплатит:

Собственно, весь гаджет!
Этот гаджет можно увидеть справа.
Это простой код 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 />

_________________________________________________________

Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Отключить font boosting

Многие встречаются с такой проблемой: иногда шрифты веб-сайта при просмотре с мобильного устройства многократно увеличиваются в размере. Так браузеры мобильных устройств пытаются сделать чтение материалов удобнее. Удобнее для чтения, но неудобнее для разработчиков.

Статистика разрешений экранов.

Теперь на сайте  myresolutionis.ru  доступна статистика разрешений экранов. Статистика собирается на основе данных, полученных от посетителей сайта. Кроме данных о разрешении экрана, никакая другая информация не собирается. Статистика доступна по адресу  http://myresolutionis.ru/page/resstat.php