Создать условие в зависимости от ввода в input и выбора select - JavaScript - Ответ 10226529

@Дмитрий Дмитрий · Регистрация: 17.09.2016

Author24 — интернет-сервис помощи студентам

Помогите добить калькулятор)) на финишной прямой))
Есть:
input id="editbox1"-ширина;
input id="editbox2"-высота;
select id="combobox3";
select id="combobox33";

Сейчас расчет такой: в editbox1 вводим числа ширины, выбираем значение из combobox3 и combobox33 и все это дело рассчитывается по формуле rezult = (l * f + r).toFixed(2);
l-ширина;
f-combobox3;
r-combobox33;

Т.е. сейчас расчет производится по ширине, а есть параметры в combobox3 которые нужно рассчитывать по высоте т.е. нужна проверка по option в combobox3, например какой то якорь который будет прописан в option в combobox3 и если при выборе combobox3 появляется этот якорь то в переменную l подставляем высота из editbox2.

HTML5

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    </head>
<body>
 
<input type="number" id="editbox1" name="indexEditbox1" value="0"><!--Ширина-->
<input type="number" id="editbox2" name="indexEditbox1" value="0"><!--Высота-->
<div id="wb_rezult">
<span><strong><em>Результат</em></strong></span></div><!--Результат-->
 
<select name="indexCombobox1" size="1" id="combobox3"><!--combobox3-->
<option value="2190, 2648">А</option>
<option value="2350, 2823">В</option>
<option value="2490, 2997">С</option>
<option value="1190, 1450">Р</option>
</select>
 
<select name="indexCombobox11" size="1" id="combobox33"><!--combobox33-->
<option value="0">1</option>
<option value="B">2</option>
<option value="950">3</option>
<option value="600">4</option>
<option value="2100">5</option>
</select>
</body>
</html>

Javascript

<script>
var sel_f, sel_r;
var intp_a, intp_b;
var a, b, l, f;
var rezult = 0;
var rezult_out = 0;
 
sel_f = document.querySelector('#combobox3');
sel_r = document.querySelector('#combobox33');
 
intp_a = document.getElementById('editbox1');//ширина
intp_b = document.getElementById('editbox2');//высота
rezult_out = document.getElementById('wb_rezult');//результат
 
a = parseFloat(intp_a.value);
b = parseFloat(intp_b.value);
 
sel_f.addEventListener("change", myFunc3);
sel_r.addEventListener("change", myFunc3);
intp_a.addEventListener("change", myFunc3); 
 
function printValues() {
    var out = rezult;
    rezult_out.innerHTML = out;
};
 
function myFunc3() {//функция расчета
 
    var values;
    var mass;
    var rr = 0; 
    var aa = a;
    var dd;
if('B' === sel_r.value) {dd = parseFloat(sel_f.value.split(', ')[1]);}
else {dd = parseFloat(sel_f.value.split(', ')[0]); rr = parseFloat(sel_r.value);}
 
          console.log(aa, dd, rr);
 
          mass = [aa, dd, rr];
 
          values = mass;
 
            l = values[0];//ширина
            f = values[1];//combobox3
            r = values[2];//combobox33
 
    rezult = (l * f + r).toFixed(2);
 
    printValues();
};
</script>

Вернуться к обсуждению:
Создать условие в зависимости от ввода в input и выбора select JavaScript

Следующий ответ