Javascript html如何从一次计算中获得多个即时结果_Javascript_Jquery_Html_Css

Javascript html如何从一次计算中获得多个即时结果

javascript jquery html css

Javascript html如何从一次计算中获得多个即时结果,javascript,jquery,html,css,Javascript,Jquery,Html,Css,从这个单一的基本计算中有可能得到十几个结果吗？我在示例代码中有两个输出文本框；如何使这两个字段工作 <!DOCTYPE html> <html lang = "en"> <head> <title> multiple results calculation </title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/&

从这个单一的基本计算中有可能得到十几个结果吗？我在示例代码中有两个输出文本框；如何使这两个字段工作

<!DOCTYPE html>

<html lang = "en">

<head> 
    <title> multiple results calculation </title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link rel="style" href="css/main.css"  type"text/css"/>

    <!-- I need multiple results from single calculation! 

    <script type="text/javascript">
      function sum()
      {
         var width = document.multiple results.width.value;
         var height = document.multiple results.value;
         var sum = parseInt(width) * parseInt(height) /144; 
         document.getElementById('Calculate').value = sum;

         document.getElementById("results1").readOnly=true;
         document.getElementById("results2").readOnly=true;


         var result1= $1.99;
         var result2= $2.99;

         document.getElementById('Calculate').value = sum * result1;
         document.getElementById('Calculate').value = sum * result2; 

      }
    </script>       
    -->

</head>
    <body>

    <div> 
        <H2> Multiple instant results from single calculation</h2>
        <p>  the goal eventually is to have about a dozen results from this single calculation
    </div>  

        <form name="multiple results">

            <label for="width"> Width: </label>
            <input type="number" <id="width" maxlength="4" size="10" value=""/>

            <label for="height"> Height: </label>
            <input type="number" <id="height" maxlength="4" size="10" value=""/>

            <input type="button" name="button" value="Calculate" onClick="sum"/>

            <div>

            <label for="result1"> Result1: $ </label>
            <input type="number" id="result1" name="result1"/>

            <label for="result2"> Result2: $ </label>
            <input type="number" id="result2" name="result2"/>      
            </div>

        </form>
    </body>
</html>


多结果计算
单个计算的多个即时结果
最终的目标是从这个单一的计算中得到十几个结果
宽度：
我通过删除第一个文档找到了解决方案。getElementById（'Calculate'）。value=sum；，将剩余的getElementById和输入类型更改为result，result2还将缺少的值“”添加到输入中，这不是必需的，但重命名Id有助于我澄清：您是说您希望在运行sum（）
时在12个不同的输入字段中显示12个结果吗？为什么一次计算会给出12个结果（不同？）结果？@DavidThomas-我想他想要12个不同的局部变量，其中每一个变量在乘以总和时会产生不同的结果，然后这些值将被放入12个不同的输入中。@xaisoft你最后的评论是我需要的，我只想弄清楚。原因是为什么在所有变量都是fr时会有一个滴状列表、复选框或单选按钮在相同的计算中，我认为一次就可以节省时间。当我在Firefox和web控制台中运行它时，我得到“ReferenceError:sum未定义”