第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

html/javascript代碼中的多重計算——文本框數(shù)據(jù)輸入

html/javascript代碼中的多重計算——文本框數(shù)據(jù)輸入

紫衣仙女 2021-12-02 10:22:11
我之前問過這個問題，但不得不清理它，難以理解，因為它很混亂，所以現(xiàn)在它歸根結(jié)底，在代碼下面的格式中，我遇到的問題是我想要使用相同的變量添加第二個和第三個方程，可能是第四個，我想我可以添加下面相同格式的另一個方程并且可以工作（不同的 ID），但它不是，它計算一個而不是另一個，它的一臺獨立的計算機，沒有互聯(lián)網(wǎng)，也不能使用任何插件，已經(jīng)使用了一段時間，這讓我很煩，但我決心讓它工作。正在使用它的谷歌瀏覽器。這可能嗎，請任何人幫助。我已將代碼重新設(shè)置為僅計算一個方程。<!DOCTYPE html><html>    <head> </head>    <body>        <script type="text/javascript">            window.onload = function() {                CMCObj = document.getElementById('txtCMC');                WaterObj = document.getElementById('txtWater');                GlycerolObj = document.getElementById('txtGlycerol');                FlowObj = document.getElementById('txtFlow');                FreshObj = document.getElementById('tdFresh');                document.getElementById('btnReset').onclick = resetInputs;                document.getElementById('btnCalc').onclick = calcAddition;            };            function resetInputs() {                CMCObj.value = '';                WaterObj.value = '';                GlycerolObj.value = '';                FlowObj.value = '';                FreshObj.innerHTML = '';            }            function calcAddition() {                var CMC = new Number(CMCObj.value);                var Water = new Number(WaterObj.value);                var Glycerol = new Number(GlycerolObj.value);                var Flow = new Number(FlowObj.value);                FreshObj.innerHTML = '';                if (isNaN(CMC) || isNaN(Water)) {                    alert('Invalid CMC or Water');                    return;                }                FreshObj.innerHTML = Math.round(                    ((CMC + Water + Glycerol) / (CMC + Water + Glycerol + Flow)) * 100                );            }        </script>
查看完整描述

1 回答

?
梵蒂岡之花

TA貢獻1900條經(jīng)驗 獲得超5個贊

好的，我對您的代碼進行了一些更改，使您的計算器完全動態(tài)化。如果您將 FormMaker 函數(shù)的 TotalForms 變量更改為任意數(shù)字……這就是它將為您制作的計算器數(shù)量。請享用


:)


另外，我差點忘了提。您的 JS 腳本需要放在 HTML 文檔的末尾，而不要放在最上面。有多種方法可以將您的 JS 放在頂部，但應(yīng)該使用內(nèi)置的解決方法來完成，以避免代碼中出現(xiàn)錯誤。


    <!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width,initial-scale=1">

    <title>My Calculator</title>

</head>

<body>

<div id="FormArea"></div>


<script type="text/javascript">


//setTimeout(FormMaker, 0);

                (function StartingApp(){

                        setTimeout(FormMaker, 6);   

                })();                 

         function FormMaker() {

            let TotalForms = 3,

                    i,

                fragment,

                div,

                htmlText,

                Location = document.querySelector('#FormArea');

                console.log(Location);


            for (i = 0; i < TotalForms; i++) {

                    console.log('hello');

                fragment = document.createDocumentFragment();

                div = document.createElement('div');

                htmlText = `

                <h2>Amazing Calculator ${i+1}</h2>

                <table>

                    <tr>

                        <td><label for="txtCMC">Total CMC Injection (ml)</label></td>

                        <td><input type="text" id="txtCMC${i}" /></td>

                    </tr>

                        <tr>

                        <td><label for="txtWater">Total Water Injection (ml)</label></td>

                        <td><input type="text" id="txtWater${i}" /></td>

                    </tr>

                    <tr>

                        <td><label for="txtGlycerol">Total Glycerol Injection (%)</label></td>

                        <td><input type="text" id="txtGlycerol${i}" /></td>

                    </tr>

                        <tr>

                        <td><label for="txtFlow">Plasticiser Flow (Lhr)</label></td>

                        <td><input type="text" id="txtFlow${i}" /></td>

                    </tr>

                    <tr>

                        <td>Total Fresh Injection (%)</td>

                        <td id="tdFresh${i}"></td>

                    </tr>

                    <tr>

                        <td></td>

                        <td>

                            <button id="btnReset${i}" onclick = "resetInputs()">Reset</button>

                            <button id="btnCalc${i}" onclick = "calcAddition()">Calculate</button>

                        </td>

                    </tr>

                </table>


                `;

                div.className = 'FormContainers';

                div.innerHTML = htmlText;

                fragment.appendChild(div);

                Location.appendChild(fragment);

            };

        };

        function resetInputs() {

            let i,

                TotalForms = document.getElementsByClassName("FormContainers").length;


          for (i = 0; i < TotalForms; i++) {

              let CMCObj = document.getElementById(`txtCMC${i}`),

                    WaterObj = document.getElementById(`txtWater${i}`),

                    GlycerolObj = document.getElementById(`txtGlycerol${i}`),

                    FlowObj = document.getElementById(`txtFlow${i}`),

                    FreshObj = document.getElementById(`tdFresh${i}`);

                            CMCObj.value = '';

              WaterObj.value = '';

              GlycerolObj.value = '';

              FlowObj.value = '';

              FreshObj.innerHTML = '';

            };

        };


        function calcAddition() {

          let i,

          TotalForms = document.getElementsByClassName("FormContainers").length;  


          for (i = 0; i < TotalForms; i++) {

                            let CMC = document.getElementById(`txtCMC${i}`).value,

                    Water = document.getElementById(`txtWater${i}`).value,

                    Glycerol = document.getElementById(`txtGlycerol${i}`).value,

                    Flow = document.getElementById(`txtFlow${i}`).value,

                    FreshObj = document.getElementById(`tdFresh${i}`);

                            FreshObj.innerHTML = '';

                    if(isNaN(CMC) || isNaN(Water)) {

                        alert(`Invalid CMC or Water on Amazing Calculator ${i}`);

                    return;

                  }

                  FreshObj.innerHTML = Math.round(((CMC+Water+Glycerol)/(CMC+Water+Glycerol+Flow)*100));

          };

        };


</script>

<style>

#FormArea{

  display: flex;

  flex-wrap: wrap;

}


</style>


</body>

</html>


查看完整回答
反對 回復(fù) 2021-12-02
  • 1 回答
  • 0 關(guān)注
  • 254 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號