Вычисления на сайте on-line

Для простейших вычислений в формах на сайте проще всего использовать примитивные java скрипты.
Принцип работы — скрипт получает результат заранее определенной формулы в момент изменения значения в форме и выводит его в заданное место.
Например чтобы умножить на 1000 введенное значение

<script type="text/javascript">
function changeText(){
 var ins = 0 + document.getElementById('ins').value;
 outs = parseFloat(ins) * 1000;
 document.getElementById('outs').innerHTML = outs;
}
</script>

function changeText(){

var ins = 0 + document.getElementById('ins').value;

outs = parseFloat(ins) * 1000;

document.getElementById('outs').innerHTML = outs;

}

</script>

<form onsubmit="return false;">
<input id="ins" type="number" value="1" oninput="changeText()">
<output id="outs">0</output>
</form>

</form>

Если требуется действия с 2 или более вводимых переменных добавятся дополнительные поля. Например A * B * 100

<script type="text/javascript">
function changeText(){
 var insA = 0 + document.getElementById('insA').value;
 var insB = 0 + document.getElementById('insB').value;
 outs = parseFloat(insA) * parseFloat(insB) * 100;
 document.getElementById('outs').innerHTML = outs;
}
</script>

function changeText(){

var insA = 0 + document.getElementById('insA').value;

var insB = 0 + document.getElementById('insB').value;

outs = parseFloat(insA) * parseFloat(insB) * 100;

document.getElementById('outs').innerHTML = outs;

}

</script>

<form onsubmit="return false;">
<input id="insA" type="number" value="1" oninput="changeText()">
<input id="insB" type="number" value="1" oninput="changeText()">
<output id="outs">0</output>
</form>

</form>

Рассказать:

Вычисления на сайте on-line

Похожие статьи:

Отменить ответ