Добрый день!
Подскажите как лучше сложить полученные суммы из двух функций чтобы вывести общую стоимость (в div с id="price3")? Думал сделать 3-ю функцию которая будет считывать из первых 2-х дивов, складывать и выводить, но должен же быть вариант попроще.
Краткое описание: при клике на изображение функция ifelsefunction перемещает его в div с id=pict и выводит его цену в div id=price, потом выбирается из выпадающего списка вариант оснастки и при помощи функции osnastka() так же показывается изображение оснастки (в div id=pict2) и цена (div id=price2). Нужно чтобы эти две цены складывались и показывались в div id=price3.
Полный код и его работу можно увидеть на сайте
http://www.pechaty-shop.ru/makets.html
<div style="float:left;">
<div style="width:250px; height:250px; background:white;" id="pict"></div>
<div id="price"></div>
</div>
<div style="float:left;"> <select onchange="osnastka()" id="selcolor">
<option value="01">Ручная</option>
<option value="02">Автоматическая</option>
</select>
<div style="width:250px; height:250px; background:white;" id="pict2"></div>
<div id="price2"></div></div>
<div id="price3"></div></div>
<script>
function osnastka() {
var seltheme = document.getElementById("selcolor").value;
var elem = document.getElementById("pict2");
if(seltheme == "01") {
elem.style.background = "url( '/pict/ruchnaya.png') no-repeat";
price2.innerHTML= 'Стоимость 500 руб.';
}
else if(seltheme == "02") {
elem.style.background = "url( '/pict/colop40.png') no-repeat";
price2.innerHTML='Стоимость 800 руб';
}
}
function ifelsefunction(maket,cost) {
var elem = document.getElementById("pict");
elem.style.background = "url('/pict/ooo/"+maket+".png') no-repeat";
price.innerHTML= 'Стоимость ' +cost+' руб.';
}
</script>
<h2>Бесплатные макеты:</h2>
<table>
<tr>
<td align="center">
<img onclick="ifelsefunction('n1','100')" src="/pict/ooo/n1.png"> <br>
<span>№1</span>
</td>
<td align="center">
<img onclick="ifelsefunction('n2',200)" src="/pict/ooo/n2.png"> <br>
<span>№2</span>
</td>
<td align="center">
<img onclick="ifelsefunction('n3',300)" src="/pict/ooo/n3.png"> <br>
<span>№3</span>
</td></tr></table>