Показать сообщение отдельно
  #1 (permalink)  
Старый 10.09.2022, 12:29
Аватар для bigfooter
Новичок на форуме
Отправить личное сообщение для bigfooter Посмотреть профиль Найти все сообщения от bigfooter
 
Регистрация: 07.09.2022
Сообщений: 9

Адаптивный калькулятор для web сайта
Доброго времени суток, выкладываю рабочий скрипт для расчета линолеума:

<h3>Расчет стоимости линолеума</h3>
<select id="cvet">
<option value="serii">Серый</option>
<option value="geltii">Желтый</option>
<option value="goluboi">Голубой</option>
</select>
<input type="text" id="shirina" value="" placeholder="укажите ширину помещения">
<input type="text" id="dlina" value="" placeholder="укажите длину помещения">
<button onclick="raschitat();">Рассчитать стоимость</button>
<div id="ploschad"></div>
<div id="stoimost"></div>
<script type="text/jаvascript">
function raschitat() {
cvet  = document.getElementById('cvet').value;
switch (cvet) {
   case "serii":
      cena = 440;
      break
   case "goluboi":
      cena = 480;
      break   
    case "geltii":
      cena = 380;
      break   
   default:
      cena = 440;
      break
}
shirina  = document.getElementById('shirina').value;
dlina  = document.getElementById('dlina').value;
if(shirina == ""){
alert("Вы не указали ширину");
} else if(dlina == ""){
alert("Вы не указали длину");
} else {
ploschad = parseFloat (shirina)* parseFloat (dlina);
document.getElementById('ploschad').innerHTML = "Площадь равна: "+ ploschad +" кв. м.";
stoimost = ploschad*cena;
document.getElementById('stoimost').innerHTML = "Стоимость равна: "+ stoimost +" р.";
}
}
</script>


Решил расширить возможности и внести несколько изменений для расчета по строительству из газоблоков:

Добавил третью величину "Высоту" для вычисления площади м3

<input type="text" id="shirina" value="" placeholder="укажите ширину  &nbsp;&nbsp;&nbsp;&nbsp;    ">
<input type="text" id="dlina" value="" placeholder="укажите длину  &nbsp;&nbsp;&nbsp;&nbsp;    ">
<input type="text" id="height" value="" placeholder="укажите высоту  &nbsp;&nbsp;&nbsp;&nbsp;   ">


Ну и соответственно внес проверку в js и остается недоделанная формула. Но формула с зигзагом мне не подвластна, сейчас расскажу.

shirina  = document.getElementById('shirina').value;
    dlina  = document.getElementById('dlina').value;
    height = document.getElementById('height').value;
  

    if(shirina == ""){
    alert("Вы не указали ширину");
    } else if(dlina == ""){
    alert("Вы не указали длину");
    } else if(height == ""){
    alert("Вы не указали высоту");
    } else {
    ploschad = parseFloat (shirina)* parseFloat (dlina)* parseFloat (height);
    document.getElementById('ploschad').innerHTML = "Площадь равна: "+ ploschad +" куб. м.";
    stoimost =  ploschad*cena;
    document.getElementById('stoimost').innerHTML = "Стоимость равна: "+ stoimost +" р.";
    }
    }


На web ресурсе человек водит ширину, длину и высоту, по скрипту должен получить две графы "Площадь равна" "Стоимость равна".
Для правильного расчета человек смотрит на таб. https://disk.yandex.ru/i/yaL2mV9Tgpd_6A
т.к. калькулятор считает весь объем, то нам нужна формула она ниже

Код:
(Длина + Ширина) * Высоту * 2 / Кол. Квад. метров стены из одного куба блоков =
При верном расчете, должны получить цену и площадь

https://disk.yandex.ru/i/dgrxuMM7zo-1MA

Дай бог здоровья, кто напряжется понять, что тут накалякал
square = (parseFloat(width) + parseFloat(length)) * parseFloat(height) * 2 / count
пытался самостоятельно изобразить формулу, но у меня по какой то причине не работает. Мне нужна формула вышенаписанная на js скрипте внедренная под код. Поможет кто?)

Последний раз редактировалось bigfooter, 10.09.2022 в 12:33.
Ответить с цитированием