Собственно, полноценным калькулятором это творение не является, единственное, что у него отлично получается, это сложение целых чисел. Значения вписываются в поля, при нажатии на кнопку расчета показывается результат. Для пущего удобства выкладываю две версии онлайн-калькуляторов, принципиальной разницы в них никакой.
Калькулятор 1:
+ =
Калькулятор 2:
Если у кого-то из вас появилось желание установить любой из данных калькуляторов в блог, ниже выкладываю исходники. Просто скопируйте код и добавьте себе в Blogger на статическую страницу или на страницу сообщения. Для этого в момент создания сообщения перейдите во вкладку "Изменить HTML" и впишите скопированный код в появившееся поле.
Калькулятор 1:
<script type="text/javascript">
function calc()
{
var num1=parseInt(document.getElementById("num1").value);
var num2=parseInt(document.getElementById("num2").value);
var res=document.getElementById("result");
res.innerHTML=num1+num2;
}
</script>
<input id="num1" type="text" /> + <input id="num2" type="text" /> = <span id="result"></span><br />
<input onclick="calc()" type="button" value="Рассчитать" />
Калькулятор 2:
<script lang="JavaScript">
function calculator(form) {
a = eval(form.a.value);
b = eval(form.b.value);
c = a+b;
form.total.value = c;
}
</script>
<br />
<form>
Введите первое значение <input name="a" onchange="this.value=this.value.replace(/([^0-9])/g,'');" onkeyup="var n=this.value.replace(/([^0-9])/g,''); if(n!=this.value) this.value=n;" type="text" /><br />
<br />
Введите второе значение <input name="b" onkeyup="this.value=this.value.replace(/([^0-9])/g,'');" type="text" /><br />
<br />
<br />
<input onclick="calculator(this.form)" type="button" value="Рассчитать" />
<input type="reset" value="Сброс" /><br />
<br />
Результат <input name="total" type="text" />
</form>
Думаю, что онлайн-калькулятор будет весьма кстати для блогов с предоставлением каких-либо товаров и услуг, когда у посетителя появляется возможность тут же рассчитать их количество и стоимость.