如何在JS函數和循環中使用文本框用戶輸入的數據

Question

我的代碼可以正常工作，但是我想對其進行調整，但似乎無法按照我的期望來構建。 基本上我有兩個標簽和輸入。 要求用戶輸入一定的星期數（在代碼中我將其保持為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>

Answer 1

這個小提琴將遍歷幾周，而對於每周則遍歷每周服用的天數，並要求用戶輸入每天服用的包裝數。

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

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

如何在JS函數和循環中使用文本框用戶輸入的數據

問題描述

1 個解決方案

解決方案1
0 已采納 2015-03-22 19:17:54

如何在JS函數和循環中使用文本框用戶輸入的數據

問題描述

1 個解決方案

解決方案1 0 已采納 2015-03-22 19:17:54

解決方案1
0 已采納 2015-03-22 19:17:54