如何在 JS 函数和循环中使用文本框用户输入的数据答案

【问题标题】：How to use text box user entered data in a JS Function and loop如何在 JS 函数和循环中使用文本框用户输入的数据
【发布时间】：2015-03-22 18:38:57
【问题描述】：

我的代码可以正常工作，但我想对其进行调整，但似乎无法按照我期望的方式构建。基本上我有两个标签和输入。要求用户输入一定的周数（在代码中我将其保持为 3，但打算延长使用时间），并且每周输入补充包的天数。单击按钮并调用函数。我希望该功能提示用户输入他们每天服用的包装数量（如果输入了 2 周并且他们每周只服用 3 次补充剂，我只想在第 1 周和第 3 周的 3 天中迭代提示第 2 周的天数）。随着每一天的输入，信息被输出回屏幕，并给出每周的小计。对于初学者，我想我学到了很多东西，主要是因为这个网站。提前致谢。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Supplement Intake Log</title>
<link href="style.css" rel="stylesheet" type="text/css">
<!--JS Code here-->
<script>
    function getPho() {
    var week = document.getElementById("week").value;
    var day = document.getElementById("day").value;
    var numPacks = 0;
    var subtotal = 0;
    var count = 0;
    var total = 0;
    week = parseInt(week);
    day = parseInt(day);
        for(week = 1; week < 3; week++)
        {
            document.getElementById("output1").innerHTML="Week " + week + "
<br>";
            count = 1; 
            subtotal = 0;
            for(day = 1; day < 8; day++)
            {
                numPacks = parseInt(prompt("Enter the number of packs for 
week " + week + " and day " + day + " . ", ""));
                document.getElementById("output2").innerHTML+="Number of 
packs for day " + day + " = " + numPacks + " supplement packs."+ "<br>";
                subtotal = subtotal + numPacks;
                count++;
            }
            total = total + subtotal;
            document.getElementById("output3").innerHTML="Week " + week + " 
subtotal is " + subtotal + " supplement packs." + "<br>";
        }
            document.getElementById("output4").innerHTML="The total for 
these weeks is " + total + " supplment packs." + "<br>";
    }
</script>
</head>
<body>
<header><h1>Weekly Supplement Intake Log</h1></header>
<section>
<label>Number of weeks on supplements:</label>
<input type="text" name="week" id="week" value=""><br>
<label>Number of days supplements taken each week:</label>
<input type="text" name="day" id="day" value="">

<div id="button">
<button type="button" id="calc" onClick="getPho()">Enter the number of  
 packs taken each day/week</button></div>
<div id="output1"></div> 
<div id="output2"></div> 
<div id= "output3"></div>

<div id="output4"></div>

</body>
</html>

【问题讨论】：

而不是在第 3 周进行硬编码，如果您只想迭代输入的周数，它应该类似于周
请全面解释（编辑）您的要求，以便您得到快速答复@allendks45
呈现页面后我想要的是将数据输入为周数和每周补充的天数。用户单击按钮，提示要求输入在文本字段框中输入的每一天的补充包数量。然后，每个提示都会在屏幕上显示为一些文本和每天的包装数量。输入的每个星期都会显示一个小计。 @brian 谢谢...不知道为什么我还没有改变它。谢谢你提醒我。
如果用户输入 2 周并每周服用 4 天补充剂，则提示将只允许（询问该数据并将其存储到小计中调用）。然后它将每天的包装数量输出到屏幕......即；第 1 天服用“空白”补品包……并在 4 天的每一天中反复进行。我计划将此扩展到更多周和更多天。

标签： javascript html

【解决方案1】：

这个小提琴将循环通过几周和每周循环通过每周采取的天数，并要求用户输入每天采取的包数。

    var i=0;
while(i<numWeeks) {
    var d=0;
    while(d<daysPerWeek){

https://jsfiddle.net/auco824j/2/

【讨论】：

嵌套的while循环是要走的路！我决定使用嵌套的 for 循环，但这更干净、更简单。想我会扩展一下这个小程序，看看结果如何。谢谢！