Доброго времени суток, только начал знакомство с javascript, делаю калькулятор, возникла такая сложность.
1) Есть select с видами материала(сталь,медь,титан,латунь)
<select id="material">
<option value="steelblack">Чёрная сталь</option>>
<option value="med">Медь</option>
<option value="titan">Титан</option>
<option value="lat">Латунь</option>
.........
</select>
2) Есть поле Input'ов для ввода значений
<label>
<div style="position: relative;">
Укажите длину (мм): <input type="text" id="b" value="0" />
Укажите ширину (мм):<input type="text" id="a" value="0" />
Укажите толщину (мм): <input type="text" name="h" id="h" value="0" />
Укажите кол-во отверстий: <input type="text" id="hole" value="0">
Укажите длину реза (мм): <input type="text" id="cut" value="0">
Укажите кол-во гибов: <input type="text" id="gib" value="0"></br>
Укажите длину сварки (мм): <input type="text" id="svarka" value="0">
Укажите кол-во деталей: <input type="text" id="detail" value="0">
</label>
3) вывод информации на странице
<div id="S"></div>
<div id="S1"></div>
<div id="m"></div>
<div id="value"></div>
<div id="t1"></div>
<div id="price"></div>
<button onClick="calculate();">Рассчитать стоимость</button>
4) js файл
function calculate() {
var material = document.getElementById('material').value;
switch (material) {
case "steelblack":
cost = 51; //стоимость железа, нужна для расчёта стоимости металла
p = 7800 //плотность железа так же нужна для расчёта стоимости металла
break
case "steelos":
cost = 66;
p = 7800
break
.......
}
var a = document.getElementById('a').value;
var b = document.getElementById('b').value;
var h = document.getElementById('h').value;
var hole = document.getElementById('hole').value;
var cut = document.getElementById('cut').value;
var gib = document.getElementById('gib').value;
var svarka = document.getElementById('svarka').value;
var detail = document.getElementById('detail').value;
//подсчёты и вывод результатов
var S = (a * b).toFixed(2);
document.getElementById('S').innerHTML = "Площадь детали: "+ S +" мм2.";
var S1 = (parseFloat (a) + parseFloat (b))*2;
document.getElementById('S1').innerHTML = "Периметр: "+ S1 +" мм.";
var v = parseFloat (S)* parseFloat (h);
var m = (parseFloat (p)* parseFloat (v) /1000000000).toFixed(2);
document.getElementById('m').innerHTML = "Масса: "+ m +" кг";
var value = (parseFloat (m)* parseFloat (cost)).toFixed(2);
document.getElementById('value').innerHTML = "Стоимость металла: "+ value +" р.";
var hole = parseFloat (hole)*10;
document.getElementById('hole').innerHTML = "Стоимость дырок: "+ hole +" р.";
var cut = parseFloat ((cut)*50)/1000;
document.getElementById('cut').innerHTML = "Стоимость реза: "+ cut +" р.";
var svarka = parseFloat ((svarka)*60)/1000;
document.getElementById('svarka').innerHTML = "Стоимость сварки: "+ svarka +" р.";
var gib = parseFloat (gib)*30;
document.getElementById('gib').innerHTML = "Стоимость гибов: "+ gib +" р.";
var t1 = (parseFloat (value)+ parseFloat (hole)+ parseFloat (cut)+ parseFloat (gib)+ parseFloat (svarka)).toFixed(2);
document.getElementById('t1').innerHTML = "Общая стоимость одной детали: "+ t1 +" р.";
var price = (t1 * detail).toFixed(2);
document.getElementById('price').innerHTML = "Стоимость нескольких деталей: "+ price +" р.";
}
}
Сейчас цена на резку общая и считается так
var cutp = parseFloat ((cut)*50)/1000;
то есть просто берётся значение из input'a умножается на 50 и делиться на 1000
Задача стоит такая, необходимо сделать так чтобы менялось значение цены резки при выборе определённого металла и толщины этого металла
Необходимо следующие, когда выбирается металл (в массиве material) и указывается его толщина (в инпуте h) и исходя из этих данных автоматический выставляется цена для резки (инпут cut), ценники как я думаю можно забить в массив как пример
var cutPr
switch (CutPr) {
case "steel-05":
Price = 3.80;
thicknes = 0.5
break
case "steel-07":
Price = 4.45;
thicknes = 0.7
break
грубо говоря, я выбираю медь(med), выставляю толщину(h) 1мм, у меня берётся цена за резку(cut) металла 3.80руб, в input'e cut вводится длина резки допустим 750мм, тут то и происходит расчёт 3.80/1000*cut = 2.85р за 750мм резки.
значение cut, должно браться из массива, исходя от выбранного металла в селекте и выставленного значения толщины