Калькулятор на html сайте.

12
Klopopryg
На сайте с 29.12.2004
Offline
344
8218

Задача такая:

есть сайт http://www.forpool.ru (на html) на котором для удобства нужно сделать калькулятор расчета хим.реагентов исходя из объема воды.

Например:

Реагент №1 - наименование хим.продукта

Объем воды 10 кубов - указывается посетителем, исходя из его нужд

на куб требуется 300 грамм "Реагент №1" - величина постоянная

Идет расчет по формуле: 10 куб. х 0.3 кг = 3 кг

Результат: необходимо 3 кг "Реагент №1"

Можно это реализовать на html?

Лучше выстрелить, перезарядить и еще раз выстрелить, чем светить фонариком и спрашивать - "кто тут?"
DiAksID
На сайте с 02.08.2008
Offline
236
#1
Klopopryg:
... Можно это реализовать на html?

HTML это язык вёрстки, там "считать" тупо нечем ;) . надо JS прописать/подцепить простенький в одну функцию...

<form name="calc" id="smeta">
<input onchange="calc()" value=0 name=a>
<input onchange="calc()" value=0 name=b>
<input name="res" value="0">
</form>

function calc(){
with (document.calc) {
res.value=a.value*b.value;
}
}

оформить можно по разному ;)

show must go on !!!...
O
На сайте с 29.05.2008
Offline
195
#2
Klopopryg:
Можно это реализовать на html?

JS only :( Ну или PHP, но тогда надо будет перезагружать страницы (динамически менятсо не будет).

Klopopryg
На сайте с 29.12.2004
Offline
344
#3
ortegas:
JS only :( Ну или PHP, но тогда надо будет перезагружать страницы (динамически менятсо не будет).

страницу можно сделать на php не вопрос, при этом нужно обращение к базе данных?

а для JS что нужно?

Klopopryg добавил 23.05.2011 в 16:23

DiAksID:
HTML это язык вёрстки, там "считать" тупо нечем ;) . надо JS прописать/подцепить простенький в одну функцию...


<form name="calc" id="smeta">
<input onchange="calc()" value=0 name=a>
<input onchange="calc()" value=0 name=b>
<input name="res" value="0">
</form>


function calc(){
with (document.calc) {
res.value=a.value*b.value;
}
}

Это рабочий вариант, можно попробовать!?

DiAksID
На сайте с 02.08.2008
Offline
236
#4
Klopopryg:
... а для JS что нужно? ...

для JS нужен браузер ;) на стороне клиента работает

пробуйте. функцию в js файл добавьте который цепляется, что бы глаза не мозолила, и впЕред... синтаксис слегка подправьте, резал наживую 😂...

O
На сайте с 29.05.2008
Offline
195
#5
Klopopryg:
страницу можно сделать на php не вопрос, при этом нужно обращение к базе данных?

mySQL не нужен, но JS рациональнее.. Хоть и не на всех мобилках будет работать (единственный минус). Если калькулятор для ПК (там конвертер валют, etc), делать на JS.

Klopopryg
На сайте с 29.12.2004
Offline
344
#6
DiAksID:
HTML это язык вёрстки, там "считать" тупо нечем ;) . надо JS прописать/подцепить простенький в одну функцию...

<form name="calc" id="smeta">

<input onchange="calc()" value=0 name=a>
<input onchange="calc()" value=0 name=b>
<input name="res" value="0">
</form>


function calc(){

with (document.calc) {
res.value=a.value*b.value;
}
}


оформить можно по разному ;)

Че-то не очень захотело работать http://forpool.ru/calc.html.

DiAksID
На сайте с 02.08.2008
Offline
236
#7
Klopopryg:
Че-то не очень захотело работать http://forpool.ru/calc.html.

вообщем вот:

<script language="javascript">
function docalc(){
with (document.calc) {
res.value=a.value*b.value;
}
}
</script>

<form name="calc" id="smeta">
<input onchange="docalc()" value=0 name="a">
<input onchange="docalc()" value=0 name="b">
<input name="res" value="0">
</form>

рабочий код, если всё впихивать в тело страницы.

для гламурности можно сделать что бы на onchange просто обнулялся результат, а кнопку "подсчитать" отдельно вывести.

удачи ;)

Klopopryg
На сайте с 29.12.2004
Offline
344
#8
DiAksID:
для гламурности можно сделать что бы на onchange просто обнулялся результат, а кнопку "подсчитать" отдельно вывести.

А как это сделать?

O
На сайте с 29.05.2008
Offline
195
#9

Что как сделать? Reset.Value?

D
На сайте с 14.01.2007
Offline
153
#10

DiAksID, а зачем <form>?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий