Показать сообщение отдельно
  #1 (permalink)  
Старый 10.01.2018, 13:45
Новичок на форуме
Отправить личное сообщение для rasta Посмотреть профиль Найти все сообщения от rasta
 
Регистрация: 04.04.2011
Сообщений: 8

Сложить два числа из двух функций
Добрый день!
Подскажите как лучше сложить полученные суммы из двух функций чтобы вывести общую стоимость (в 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>
Ответить с цитированием