在我的计算器中放置和放置下拉按钮的值时出现问题

编程问答 2022-06-04

问题描述

我是JavaScript的新手。我尝试并进行了大量搜索，以编写包含两个不同用户输入（字段和下拉按钮）的代码。取数字并选择后（在下拉按钮中），这段代码会在我编写代码时计算出特殊的东西。 请帮我，因为我找不到问题？我应该提到我的代码语言是波斯语。

<!DOCTYPE html>
<body>


<form name="form1" onsubmit="event.preventDefault();return displayResult();">

<p style="font-family:calibri">طول اتاق<b></b><input type="decimal" id="assign1" placeholder="متر" value="" name="onlynumbers" required><span class="required">*</span></p>

<p style="font-family:calibri">عرض اتاق<b></b><input type="decimal" id="assign2" placeholder=" متر" value="" name="onlynumbers"  required><span class="required">*</span></p>

<p style="font-family:calibri">ارتفاع اتاق <b></b><input type="decimal" id="assign3" placeholder="متر" value="" name="onlynumbers" required><span class="required">*</span></p>




<p style="font-family:calibri">تعداد پنجره ها <b></b><input type="number" id="assign4"  value="" name="onlynumbers"  required><span class="required">*</span></p>

<p style="font-family:calibri">تعداد درها <b></b><input type="number" id="assign5"  value="" name="onlynumbers"  required><span class="required">*</span></p>


<select id="Selectpaint">
  <option selected disabled>نوع رنگ اکریلیک</option>
  <option value="8">رنگ اکریلیک طلایی</option>
  <option value="8">رنگ اکریلیک متالیک صدفی</option>
  <option value="13">رنگ اکریلیک مات  </option>
  <option value="14">رنگ اکریلیک نیم براق   </option>
  <option value="13">رنگ اکریلیک براق</option>
  <option value="10">رنگ اکریلیک آستری</option>
  <option value="12">مادر رنگ اکریلیک</option>
 </select>


  <p>
    <button> <p style="font-family:calibri"> <font size="5"> محاسبه رنگ موردنیاز </font> </p></button>
    <input type="reset" value="↺">

  </p>
</form>

<div id="total"></div>

<script>

function displayResult() {
  var result = calculator();
  document.getElementById('total').innerHTML =" مقدار رنگ موردنیاز برابر با"+ " " + " "+ Math.round(result)+ " " + " " +"لیتر";
  return false;
}


const applyFormula = (grade6) => {
  return grade6; //Use here your formula 
}

const onDropdownChange = (event) => {
 document.getElementById('total').innerHTML = applyFormula(event.target.value);
}


document.getElementById('Selectpaint')
  .addEventListener('change',onDropdownChange);
  
  
  
function calculator() {
  var grade1 = parseFloat(document.getElementById('assign1').value * 1);
  var grade2 = parseFloat(document.getElementById('assign2').value * 1);
  var grade3 = parseFloat(document.getElementById('assign3').value * 1);
  var grade4 = parseFloat(document.getElementById('assign4').value * 1);
  var grade5 = parseFloat(document.getElementById('assign5').value * 1);
  var grade6 =document.getElementById('ElementId').value; 
    }
  var total = ((2*((grade1 * grade3)+(grade2 * grade3)))+(grade1 * grade2)-(grade4*1.5*1.5)-(grade5*1*2.0))/grade6;
  return total;
}


</script>
</body>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

calculatordropdownhtmljavascript