- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
<html>
<head>
<title>Делаем калькулятор</title>
</head>
<body>
<table>
<tr>
<td>
Сервер
</td>
<td>
<select id="server">
<option value="0" selected></option>
<option value="1">СЕРВЕР / 01</option>
<option value="2">СЕРВЕР / 02</option>
</select>
</td>
</tr>
<tr>
<td>
Вирты
</td>
<td>
<input id="virt" type="text" placeholder="Сколько хотите вирт" />
</td>
</tr>
<tr>
<td>
Рубли
</td>
<td>
<input id="rubles" type="text" placeholder="Это будет стоить" />
</td>
</tr>
<tr>
<td></td>
<td>
<button id="submit">Рассчитать стоимость</button>
</td>
</tr>
</table>
<!-- JQUery scripts -->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script><!-- Подключаем JQuery библиотеку -->
<script>
$("#submit").click(function() {//При нажатии на кнопку с id="submit" произойдет все нижеописанное
if ($("#rubles").val() != '' || $("#virt").val() != '') {
/* Определяем севрвер и ставим для него коэфицент */
switch ($("#server").val()) {
case '1':
var k = 10;//Коэфицент первого сервера
break;
case '2':
var k = 20;//Коэфицент второго сервера
break;
default:
alert('Упс.. ошибка');//Что будет, если ни одно из значений не подойдет
break;
}
if ($("#rubles").val() == '' && $("#virt").val() != '') {//Если введены вирты ->
$("#rubles").val($("#virt").val() * k);//-> вычисляем рубли
}
if ($("#rubles").val() != '' && $("#virt").val() == '') {//Если введены рубли ->
$("#virt").val($("#rubles").val() / k);//-> вычисляем вирты
}
} else {
alert('Пустое значение себе в жопу засунь выблядок');//Если пользователь нажал на кнопку, ничего не введя
}
});
</script>
</body>
</html>
Follow us!