Помогите с последовательными onclick на картинки

[СергейСВ]

Добрый день! Прошу о помощи.
Есть несколько картинок, под которыми подразумеваются коэффициенты.
Человек выбирает в каждой строке по одной картинке событием onclick.
Внизу картинок он в текстовое поле вводит необходимую цифру и нажимает на кнопку "Рассчитать". По нажатии на эту кнопку производится вычисление: сумма выбранных коэффициентов умножается на цифру из текстового поля.

Не понимаю, как по ONCLICK на картинках накопить сумму коэффициентов(

<FORM>
<INPUT TYPE=IMAGE SRC='images\1.jpg' HEIGHT=40 WIDTH=40 STYLE='position:relative; top:0; left:15; border: thin solid black'>
<INPUT TYPE=IMAGE SRC='images\2.jpg' HEIGHT=40 WIDTH=40 STYLE='position:relative; top:0; left:40; border: thin solid black'>
<BR></BR>
<INPUT TYPE=IMAGE SRC='images\3.jpg' HEIGHT=40 WIDTH=40 STYLE='position:relative; top:0; left:15; border: thin solid black'>
<INPUT TYPE=IMAGE SRC='images\4.jpg' HEIGHT=40 WIDTH=40 STYLE='position:relative; top:0; left:40; border: thin solid black'>
<BR></BR>

Общая площадь:
<INPUT TYPE=text ID=txt_field NAME=txt_field SIZE=4>
<INPUT TYPE=button VALUE='Рассчитать' ONCLICK="kvadrat(txt_field.value)">
</FORM>

<P ID=par NAME =par></p>


<SCRIPT>
function kvadrat(sVal)
{ fFund = parseFloat(sVal);
par.innerText= "Стоимость " + fFund + " руб.";}
</SCRIPT>

[bes]

Не понимаю, как по ONCLICK на картинках накопить сумму коэффициентов(

Используйте некоторую внешнюю переменную, в неё кликами и накапливайте.

[СергейСВ]

Что-то не работает

...
<INPUT TYPE=IMAGE SRC='images\1.jpg' HEIGHT=40 WIDTH=40 STYLE='position:relative; top:0; left:15; border: thin solid black' ONCLICK= "chislo()">
....
<SCRIPT type="text/javascript">
a = 0
function chislo()
{
a = a + 1.8;
}

function kvadrat(sVal)
{ var fFund = parseFloat(sVal);
alert(a);
fFund = a*fFund;
par.innerText= "Стоимость " + fFund + " руб.";}

</SCRIPT>

Переменная "а" все равно остается равной нулю

[bes]

Переменная "а" все равно остается равной нулю

Всё нормально работает

var a = 0;
alert(a);

function chislo() {
  a = a + 1.8;
  alert(a);
}

chislo();
chislo();

[СергейСВ]

Далее идет функция, но в ней переменная "а" равна нулю, после всех "накоплений"

function kvadrat(sVal)
{ var fFund = parseFloat(sVal);
alert(a);
fFund = a*fFund;
par.innerText= "Стоимость " + fFund + " руб.";}

[dmitriymar]

Далее идет функция, но в ней переменная "а" равна нулю, после всех "накоплений"

01 var a = 0;

ответ очевиден. 0*число=0

[bes]

Далее идет функция, но в ней переменная "а" равна нулю, после всех "накоплений"

Пример ниже ещё раз подтверждает, что всё работает.
Дело в том, что вы неправильно получаете доступ к элементам (например, надо не par.innerText, а document.getElementById('par').innerText)

<script>
var a = 0;

function chislo() {
  a = a + 1.8;
}
</script>

<button onclick="chislo(); alert(a)">
Fill
</button>

[bes]

Дело в том, что вы неправильно получаете доступ к элементам (например, надо не par.innerText, а document.getElementById('par').innerText)

Хотя для name="par", par.innerText также срабатывает (почему-то всегда считал, что надо использовать document.getElementByName('') для обращения к элементу по значению его атрибута name).

[СергейСВ]

Спасибо за разъяснения

[СергейСВ]

Разобрался: не работало из-за того, что картинки и события onclick были внутри FORM