Javascript 使用diverend选项构建计算器

我正在为我们公司做一台计算器，但我们遇到了一个问题

我们正在处理某些宽度。我已经控制住了。 例如，宽度100必须通过某个公式四舍五入到98.4，这一切都已经实现了

现在，在选择选项后必须使用98.4。 例如，当选择时，98.4必须除以12.3

<option id = "222"> 20 cm, hooks overlap 2 </option>

20厘米，挂钩重叠2个

他被选中了。诸如此类的所有选项。 这是我们所得到的，请帮忙

如果你真的需要看；

stroken计算器


宽度（厘米）

准确的宽度为

所需的带钢尺寸和重叠：

10厘米，钩子重叠0
20厘米，挂钩重叠1
20厘米，挂钩重叠2

30厘米，吊钩重叠1
30厘米，吊钩重叠3

40厘米，挂钩重叠1
40厘米，挂钩重叠2
40厘米，挂钩重叠3个
40厘米，挂钩重叠4



所需条数
闭合计算器
函数divideBy（）{
var num1=document.getElementById（“firstNumber”）.value；
document.getElementById（“result”）.innerHTML=Math.round（Math.floor（num1/4.1）*4.1*10）/10；
}

背景色是一种令人眼花缭乱的颜色。diverend是什么意思？这与背景无关，它将在表单完成后消失。diverend=不同，抱歉

<button class="open-button" onclick="openForm()">Strokencalculator</button>
<div class="form-popup" id="myForm">


   <div class="calc-container">
      <div id="login-row" class="row justify-content-center align-items-center">
         <div id="login-column" class="col-sm-12 col-md-12">
            <div id="login-box" class="col-md-12">

               <form id="login-form" class="form" action="" method="post">

               <strong class="logo">
                  <img src="/img/logo_enkel_lisoflex_logo.jpg" width="270" height="auto">
               </strong>

                  <div class="form-group">
                     <label for="breedte" class="text-info">Width in cm</label><br>
                     <input type="text" name="breedte" id="firstNumber" class="form-control">
                  </div>

                  <div class="form-group">
                     <label for="breedte" class="text-info">the exacte width will be;</label><br>
                     <label class="form-control" id="result"></label>
                  </div>


                  <div class="form-group">
                     <label for="strookmaat" class="text-info">Required strip size and overlap:</label><br>
                     <select class="form-control select2">
                        <option id="102">10cm, hooks overlap 0</option>
                        <option id="212">20cm, hooks overlap 1</option>
                        <option id="222">20cm, hooks overlap 2</option>
                         <hr>
                        <option id="313">30cm, hooks overlap 1</option>
                        <option id="333">30cm, hooks overlap 3</option>
                         <hr>
                        <option id="414">40cm, hooks overlap 1</option>
                        <option id="424">40cm, hooks overlap 2</option>
                        <option id="434">40cm, hooks overlap 3</option>
                        <option id="444">40cm, hooks overlap 4</option>
                     </select>
                  </div>

                  <div class="form-group">  
                  <input type="button" class="btn btn-primary" onClick="divideBy()" Value="Calculate" /><br><br>
                  <label for="aantal" class="text-info">Needed number of strips;</label>  <strong><span id="result2"></span></strong>
                  </div>

               </form>
               <button type="button" class="btn cancel" onclick="closeForm()">Close calculator</button>

            </div>
         </div>
      </div>
   </div>


</div>



<script type="text/javascript">
function divideBy() {
    var num1 = document.getElementById("firstNumber").value;
    document.getElementById("result").innerHTML = Math.round(Math.floor(num1 / 4.1) * 4.1 * 10) / 10;
}

</script>