Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.02.2013, 14:27
Новичок на форуме
Отправить личное сообщение для Jereme Посмотреть профиль Найти все сообщения от Jereme
 
Регистрация: 03.02.2013
Сообщений: 1

Калькулятор Неправильно считает
Здравствуйте, помогите разобраться в калькуляторе. Неправильно считает.

Нужно чтоб считал формулой

(Название кухни * Высота верхних шкафов) + (Количество метров*Багет) + подсветка + (Стеновая панель*Количество метров кухни)+Духовой шкаф+Варочная панель+Вытяжка+Посудомоечн ая машина+Стиральная машина


<html>
<body>
<script>

/*функция, отображающая результат на странице */
function changeResult(result){
  document.getElementById('result').innerHTML = result;
}

/*функция, проводящая непосредственно вычисления */
function calculateForm(){

  var baget=(document.getElementById('baget').checked?"5000":"0");
  var podsvetka=(document.getElementById('podsvetka').checked?"2000":"1");


  var result = ((document.getElementById('nazv_kuhni').value*document.getElementById('visota_shkaf').value)
  +(document.getElementById('kol_metr').value*document.getElementById('visota_shkaf').value*1)
  +(document.getElementById('kol_metr').value*baget)
  +(document.getElementById('sten_pan').value*document.getElementById('kol_metr').value)
  +document.getElementById('duh_shkaf').value*1
  +document.getElementById('var_panel').value*1
  +document.getElementById('vit').value*1
  +document.getElementById('posud_mash').value*1
  +document.getElementById('stir_mash').value*1
  );

  changeResult(result);
  
  }
</script>
</head><body>



<div id="pagecontent">



<!-- форма -->
<form name="calculator" method="post" >

<table>
<div>
<tr>
<td><div class="name_1">Название кухни:</div></td>

<!-- Первый список -->
 <td> <select name="nazv_kuhni" id="nazv_kuhni" >
    <option value="12852" >Софтформинг тераа</option>
    <option value="12036" >Кухня с фасадами из ДСП</option>
    <option value="17000" >ПОСТФОРМИНГ</option>
	<option value="18904" >АКРИЛ</option>
	<option value="17204" >РЕТРО (МДФ с патиной)</option>
	<option value="17952" >АЛЬФА</option>
	<option value="20604" >ПАРИЖ</option>
	<option value="20604" >ЛОНДОН</option>
	<option value="18700" >Эмаль</option>
	<option value="21896" >Эмаль глянец</option>
	<option value="14960" >МДФ</option>
	<option value="15980" >ТЕХНО 1</option>
	<option value="17952" >МРАСЕЛЬ</option>
	<option value="17952" >ТЕХНО 5</option>
	<option value="18904" >ТУРИН</option>
	<option value="20468" >СОФИЯ</option>
	<option value="20196" >ТАФЕЛЬ ШПОН</option>
	<option value="27472" >ТАФЕЛЬ ШПОН ГЛЯНЕЦ</option>
	<option value="25296" >МАССИВ ЯСЕНЬ</option>
	<option value="23188" >МАССИВ ОЛЬХИ</option>
	<option value="27336" >МАССИВ ОЛЬХИ (ЦВЕТ ЧЕРЕШНЯ)</option>
	<option value="27336" >МАССИВ ДУБ</option>
	

	</td>
	
  </select>
  </tr>

</div>

<div>


<tr>
<div>
<td><div class="name_1">Высота верхних шкафов:</div></td>
<!-- Второй список -->
  <td><select name="visota_shkaf" id="visota_shkaf" >
    <option value="1" >720</option>
    <option value="1.1" >915</option>
  </select></td>
</div>
</tr>

<tr>
<div>
<td><div class="name_1">Количество метров:</div></td>
 <!-- Поле ввода числа -->
 <td><input type="text" name="kol_metr" id="kol_metr" size=20 value="0"></td>
</div>
</tr>




<tr><td>Багет</td><td><input type="checkbox" name="baget" id="baget"></td></tr>
<tr><td>Подсветка</td><td><input type="checkbox" name="podsvetka" id="podsvetka"></td></tr>

<tr>
<div>
<td><div class="name_1">Cтеновая панель:</div></td>
<!-- Второй список -->
  <td><select name="sten_pan" id="sten_pan" >
    <option value="1" >Пластик</option>
    <option value="2" >Стекло</option>
	<option value="3" >Искусственный камень</option>
  </select></td>
</div>
</tr>

<tr>
<div>
<td><div class="name_1">Духовой шкаф :</div></td>
<!-- Второй список -->
  <td><select name="duh_shkaf" id="duh_shkaf" >
    <option value="1" >Встраиваемый зависимый (60)</option>
    <option value="2" >Встраиваемый независимый (60)</option>
	<option value="3" >Отдельно стоящий (60)</option>
	<option value="4" >Отдельно стоящий (50)</option>
	<option value="5" >Отсутствует</option>
  </select></td>
</div>
</tr>

<tr>
<div>
<td><div class="name_1">Варочная панель :</div></td>
<!-- Второй список -->
  <td><select name="var_panel" id="var_panel" >
    <option value="1" >встраиваемый зависимый (60)</option>
    <option value="2" >Встраиваемый независимый (60)</option>
	<option value="3" >Отдельно стоящий (60)</option>
	<option value="4" >Отдельно стоящий (50)</option>
	<option value="5" >Отсутствует</option>
  </select></td>
</div>
</tr>
<tr>
<div>
<td><div class="name_1">Вытяжка : </div></td>
<!-- Второй список -->
  <td><select name="vit" id="vit" >
    <option value="1" >Купольная (60см)</option>
    <option value="2" >Купольная (90см)</option>
	<option value="3" >Встраиваемая (60)</option>
	<option value="4" >Встраиваемая (50)</option>
	<option value="5" >Отсуствует</option>
  </select></td>
</div>
</tr>

<tr>
<div>
<td><div class="name_1">Посудомоечная машина:</div></td>
<!-- Второй список -->
  <td><select name="posud_mash" id="posud_mash" >
    <option value="1" >Встраиваемая (60)</option>
    <option value="2" >Встраиваемая (40)</option>
	<option value="3" >Невстраиваемая (60) </option>
	<option value="4" >Невстраиваемая (40)</option>
	<option value="5" >Отсуствует</option>
  </select></td>
</div>
</tr>

<tr>
<div>
<td><div class="name_1">Стиральная машина : </div></td>
<!-- Второй список -->
  <td><select name="stir_mash" id="stir_mash" >
    <option value="1" >Встраиваемая (60)</option>
    <option value="2" >Невстраиваемая(60)</option>
	<option value="3" >отсутсвует</option>
  </select></td>
</div>
</tr>

<tr>
<div>
<td><div class="name_1">Прикрепить изображение (план помещения, фото и др.):</br></td>
<td><input style="width: 350px;" accept="image/*" name="my_file[]" type="file"  value= /></br>
<input style="width: 350px;" accept="image/*" name="my_file" type="file"  value= /></td>
</div>
</tr>

<tr>
<!--Кнопка рассчитать -->
 <td> <div onClick="calculateForm();" style="cursor:hand;cursor:pointer;color:red;">Рассчитать</div></td>

<!-- Контейнер вывода результата -->
<td><div id="result"></div></td>
</tr>
</div>
</table>
</div>




</div>
<p class="byline" id="copyright">&nbsp;</p>

</body></html>
Ответить с цитированием
  #2 (permalink)  
Старый 04.02.2013, 14:17
Профессор
Отправить личное сообщение для Hoshinokoe Посмотреть профиль Найти все сообщения от Hoshinokoe
 
Регистрация: 08.01.2012
Сообщений: 253

Jereme,

У вас неправильно записана формула и отсутствуют нормальные значения для селектов. Например:
<select name="stir_mash" id="stir_mash">
    <option value="1">Встраиваемая (60)</option>
    <option value="2">Невстраиваемая(60)</option>
    <option value="3">отсутсвует</option>
</select>

Если формулу записать нормально, то получится:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
        /*функция, отображающая результат на странице */
        function changeResult(result) {
            document.getElementById('result').innerHTML = result;
        }

        /*функция, проводящая непосредственно вычисления */
        function calculateForm() {
            var baget = (document.getElementById('baget').checked ? 5000 : 0);
            var podsvetka = (document.getElementById('podsvetka').checked ? 2000 : 1);

            var nazv_kuhni = document.getElementById('nazv_kuhni').value * 1,
                visota_shkaf = document.getElementById('visota_shkaf').value * 1,
                kol_metr = document.getElementById('kol_metr').value * 1,
                sten_pan = document.getElementById('sten_pan').value * 1,
                kol_metr = document.getElementById('kol_metr').value * 1,
                duh_shkaf = document.getElementById('duh_shkaf').value * 1,
                var_panel = document.getElementById('var_panel').value * 1,
                vit = document.getElementById('vit').value * 1,
                posud_mash = document.getElementById('posud_mash').value * 1,
                stir_mash = document.getElementById('stir_mash').value * 1;

            var result = (nazv_kuhni * visota_shkaf) + (kol_metr * baget) + podsvetka + (sten_pan * kol_metr)
                + duh_shkaf + var_panel + vit + posud_mash + stir_mash;

            changeResult(result);
        }
    </script>
</head>
<body>
    <div id="pagecontent">
        <!-- форма -->
        <form name="calculator" method="post">
            <table>
                <tbody>
                    <tr>
                        <td><div class="name_1">Название кухни:</div></td>
                        <!-- Первый список -->
                        <td>
                            <select name="nazv_kuhni" id="nazv_kuhni">
                                <option value="12852">Софтформинг тераа</option>
                                <option value="12036">Кухня с фасадами из ДСП</option>
                                <option value="17000">ПОСТФОРМИНГ</option>
                                <option value="18904">АКРИЛ</option>
                                <option value="17204">РЕТРО (МДФ с патиной)</option>
                                <option value="17952">АЛЬФА</option>
                                <option value="20604">ПАРИЖ</option>
                                <option value="20604">ЛОНДОН</option>
                                <option value="18700">Эмаль</option>
                                <option value="21896">Эмаль глянец</option>
                                <option value="14960">МДФ</option>
                                <option value="15980">ТЕХНО 1</option>
                                <option value="17952">МРАСЕЛЬ</option>
                                <option value="17952">ТЕХНО 5</option>
                                <option value="18904">ТУРИН</option>
                                <option value="20468">СОФИЯ</option>
                                <option value="20196">ТАФЕЛЬ ШПОН</option>
                                <option value="27472">ТАФЕЛЬ ШПОН ГЛЯНЕЦ</option>
                                <option value="25296">МАССИВ ЯСЕНЬ</option>
                                <option value="23188">МАССИВ ОЛЬХИ</option>
                                <option value="27336">МАССИВ ОЛЬХИ (ЦВЕТ ЧЕРЕШНЯ)</option>
                                <option value="27336">МАССИВ ДУБ</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Высота верхних шкафов:</div></td>
                        <!-- Второй список -->
                        <td>
                            <select name="visota_shkaf" id="visota_shkaf">
                                <option value="1">720</option>
                                <option value="1.1">915</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Количество метров:</div></td>
                        <!-- Поле ввода числа -->
                        <td><input type="text" name="kol_metr" id="kol_metr" size="20" value="0" /></td>
                    </tr>
                    <tr>
                        <td>Багет</td>
                        <td><input type="checkbox" name="baget" id="baget" /></td>
                    </tr>
                    <tr>
                        <td>Подсветка</td>
                        <td><input type="checkbox" name="podsvetka" id="podsvetka" /></td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Cтеновая панель:</div></td>
                        <!-- Второй список -->
                        <td>
                            <select name="sten_pan" id="sten_pan">
                                <option value="1">Пластик</option>
                                <option value="2">Стекло</option>
                                <option value="3">Искусственный камень</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Духовой шкаф :</div></td>
                        <!-- Второй список -->
                        <td>
                            <select name="duh_shkaf" id="duh_shkaf">
                                <option value="1">Встраиваемый зависимый (60)</option>
                                <option value="2">Встраиваемый независимый (60)</option>
                                <option value="3">Отдельно стоящий (60)</option>
                                <option value="4">Отдельно стоящий (50)</option>
                                <option value="5">Отсутствует</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Варочная панель :</div></td>
                        <!-- Второй список -->
                        <td>
                            <select name="var_panel" id="var_panel">
                                <option value="1">встраиваемый зависимый (60)</option>
                                <option value="2">Встраиваемый независимый (60)</option>
                                <option value="3">Отдельно стоящий (60)</option>
                                <option value="4">Отдельно стоящий (50)</option>
                                <option value="5">Отсутствует</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Вытяжка : </div></td>
                        <!-- Второй список -->
                        <td>
                            <select name="vit" id="vit">
                                <option value="1">Купольная (60см)</option>
                                <option value="2">Купольная (90см)</option>
                                <option value="3">Встраиваемая (60)</option>
                                <option value="4">Встраиваемая (50)</option>
                                <option value="5">Отсуствует</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Посудомоечная машина:</div></td>
                        <!-- Второй список -->
                        <td>
                            <select name="posud_mash" id="posud_mash">
                                <option value="1">Встраиваемая (60)</option>
                                <option value="2">Встраиваемая (40)</option>
                                <option value="3">Невстраиваемая (60) </option>
                                <option value="4">Невстраиваемая (40)</option>
                                <option value="5">Отсуствует</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Стиральная машина : </div></td>
                        <!-- Второй список -->
                        <td>
                            <select name="stir_mash" id="stir_mash">
                                <option value="1">Встраиваемая (60)</option>
                                <option value="2">Невстраиваемая(60)</option>
                                <option value="3">отсутсвует</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="name_1">Прикрепить изображение (план помещения, фото и др.):</div></td>
                        <td>
                            <input style="width: 350px;" accept="image/*" name="my_file[]" type="file" />
                            <input style="width: 350px;" accept="image/*" name="my_file" type="file" /></td>
                    </tr>
                    <tr>
                        <!--Кнопка рассчитать -->
                        <td><div onclick="calculateForm();" style="cursor: pointer; cursor: pointer; color: red;">Рассчитать</div></td>
                        <!-- Контейнер вывода результата -->
                        <td><div id="result"></div></td>
                    </tr>
                </tbody>
            </table>
        </form>
    </div>
    <p class="byline" id="copyright">&nbsp;</p>
</body>
</html>

Последний раз редактировалось Hoshinokoe, 04.02.2013 в 14:24.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Неправильно считается offset.top cartrege Events/DOM/Window 6 27.09.2016 23:15
Почему калькулятор не считает? Filja Общие вопросы Javascript 10 25.03.2015 10:40
.height() почему-то считает высоту элемента неправильно adelante jQuery 11 01.08.2012 15:38
Сделать калькулятор на сайт. asderru Работа 1 22.07.2010 13:46
Калькулятор ошибка подсчета суммы Aquarius Общие вопросы Javascript 3 05.04.2010 14:09