Скрипт калькулятора вартості - приклади

Для того, щоб скласти скрипт, потрібно вміти складати, віднімати та множити. Особливою складністю не буде. Приклади в статті наведені на найрізноманітніші теми. Але, оскільки їх досить багато можна вловити суть дійства.

Пункти, які потрібно заповнювати користувачам

Подія oninput відбувається коли елемент змінює своє значення в момент фокусу.

Додамо, що випадає

Подія onchange відбувається коли елемент змінює своє значення на момент втрати фокусу. Видно в IE. Тому якщо присутні два різних типів input, до яких краще застосувати різний подія, виносимо скрипт за форму.

Додамо чекбокс type = "checkbox"

Подія onclick відбувається при натисканні лівої клавішею мишки на елементі. На основі цього скрипта.

Додамо прапорець type = "radio"

Те ж саме, що і вище.

Зіткнулася в цьому прикладі, оскільки року, які діляться на 4 без залишку. є високосними (викл. кожен сотий рік, але не кожен чотирьохсотий). Умова таке:

parseFloat повертає дробове число,
parseInt повертає ціле число.

Зміна select в залежності від встановленого прапорця

Baxa Cveridov Спасибі, коротко і зрозуміло!
Питання Baxa Cveridov Кілометри і особливо площу не можуть бути негативними. Як можна прибрати показ результату коли користувач вибрав негативні цифрах. NMitra Найпростіший варіант:

але поки не всіма браузерами підтримується :( NMitra Дозволяє вводити тільки числа:

total.innerHTML = 'Еквівалентно:' + count + 'тн';
> Else var count = id.value / vespm;

function changeText () var bill1 = 0;
var bill = 0;
var fullbill = 0;
var fullbill1 = document.getElementById ( 'fullbill1'). value;
var firstAccount = document.getElementById ( 'firstAccount'). options [document.getElementById ( 'firstAccount'). selectedIndex] .value;
var firstPc = document.getElementById ( 'firstAccount'). options [document.getElementById ( 'firstAccount'). selectedIndex] .id;

bill1 = parseFloat (fullbill1);
bill1 = bill1-bill1 * parseFloat (firstPc) / 100;
bill = bill1;
fullbill = parseFloat (fullbill1);

document.getElementById ( 'bill1'). innerHTML = bill1;
document.getElementById ( 'bill'). innerHTML = bill;
document.getElementById ( 'fullbill'). innerHTML = fullbill;

а ось процедура вибору:

document.getElementById ( 'dva'). onclick = raz;
raz ();
function raz () alert (1 + 2);
>

var hidden_ac = $ ( '. form-autocount input [name = "bill1"]');
$ ( '. Form-autocount input [name = "bill1"]'). Val (bill1);

Податковий режим
Спрощений
загальновстановлений
Касовий апарат
Так
немає
розрахувати