Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Сложение результата input * (https://javascript.ru/forum/misc/12542-slozhenie-rezultata-input-%2A.html)

koserega 22.10.2010 11:57

Сложение результата input *
 
Волей судьбы (начальства) решено было сделать прайс-калькулятор на сайт который считает стоимость работ после ввода посетителя кол-ва. позиций будет не менее 100.:)

как это выглядит www.yotastroi. ru/pricenew.htm - стиль, цвет, границы таблицы еще не редактировал....

Вот мои каракули: :-? (в java не силен):

function calc()
{
var num1=parseInt(document.getElementById("num1").valu e);
var num2=parseInt(document.getElementById("num2").valu e);
var res=document.getElementById("result1");

res.innerHTML=70*num2;
}


function calc1()
{
var num3=parseInt(document.getElementById("num3").valu e);
var num4=parseInt(document.getElementById("num4").valu e);
var res=document.getElementById("result2");

res.innerHTML=110*num4;
}

function calc_itogo()
{
var result1=parseInt(document.getElementById("result1" ).innerHTML);
var result2=parseInt(document.getElementById("result2" ).innerHTML);
var res=document.getElementById("result_itogo");

res.innerHTML=result1; result2; result1 + result2
}

<input type="hidden" style="height: 0pt; width: 0px" type="text" id="num1"> <input background= "images/fon.jpg" style="width: 40px" type="text" id="num2">&nbsp;&nbsp;&nbsp;
<span id="result1">&nbsp;&nbsp;&nbsp;</span><br>

<input type="hidden" style="height: 0pt; width: 0px" type="text" id="num3"> <input background= "images/fon.jpg" style="width: 40px" type="text" id="num4">&nbsp;&nbsp;&nbsp;
<span id="result2">&nbsp;&nbsp;&nbsp;</span><br>


<input type="hidden" style="height: 0pt; width: 0px" type="text" id="result1"> <input type="hidden" style="height: 0pt; width: 0px" type="text" id="result2">
<span id="result_itogo">&nbsp;&nbsp;&nbsp;<br>
<input align="right" type="button" onclick="calc(); calc1();calc_itogo()" value="Посчитать"

поправил работает

Gvozd 22.10.2010 12:39

Цитата:

Сообщение от koserega
var res=document.getElementById("result1");

res.innerHTML=70*num2;

Цитата:

Сообщение от koserega
var result1=parseInt(document.getElementById("result1" ).value);

почему вы берете данные из value, хотя сами положили их в innerHTML?!
Цитата:

Сообщение от koserega
onclick="calc(); calc1();calc_itogo"

почему вы вызываете ф-ции calc() и calc1(), но не вызываете calc_itogo?!
будьте внимательнее в будущем.
PS поставьте себе фаербаг в обязательном порядке

koserega 22.10.2010 12:45

Спасибо! :yes: Все заработало! :dance:
Ушел искать фаербаг...:)

koserega 22.10.2010 16:10

http://www.yotastroi.ru/pricenew.htm

при num4 (нижнее поле) пустой работает, если num2(верхнее поле) пустой то не работает :-?

мне кажется сюда нада что дописать...?!:help:
res.innerHTML=result1; result2; result1 + result2

Jurasmi 22.10.2010 16:37

скорее всего
res.innerHTML = result1 + result2;

у вас результаты не суммируются

koserega 22.10.2010 16:41

Цитата:

Сообщение от Jurasmi (Сообщение 75444)
скорее всего
res.innerHTML = result1 + result2;

у вас результаты не суммируются

res.innerHTML = result1 + result2; - так сумируются при условии если оба поля заполнены... А если только 1 из 2 уже не работает...

Jurasmi 22.10.2010 17:02

в начале вам надо сделать так, чтобы "NaN" не выводился на экран вообще.


Часовой пояс GMT +3, время: 14:14.