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



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

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

_________________________________________________________

Комментариев нет :

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