求助：JavaScript实现Python计算逻辑时仅生成有限行表格，需扩展至50轮以上

我之前尝试用AI帮忙解决问题，还写了循环控制行数，但都没成功。现在的情况是：我在一个平台上需要做大量重复计算，手动算太累了，所以先写了Python代码，逻辑完全符合我的需求，但我想把计算结果用表格可视化展示出来，就转成了JavaScript代码。不过现在JS版本只能生成11行结果，而我至少需要50轮的计算表格，表格里要包含：轮次编号、每轮投入金额、累计总投入、利润这几个核心字段。

简单说，我需要一个从第1轮到第50轮的计算表格，每一行都能显示下一轮该投多少、累计投了多少、利润是多少。

我先写了下面的HTML+JS代码，想实现和末尾的Python代码一样的计算逻辑，但结果行数不够，麻烦帮忙看看怎么改？

我当前的HTML+CSS+JS代码 #

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Calculator</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

    h1 {
      text-align: center;
    }

    .input {
      background-color: #f7f7f7;
      padding: 2em;
      border: 1px solid #ddd;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      margin: 20px auto;
      max-width: 300px;
    }

    .output {
      background-color: #f7f7f7;
      padding: 2em;
      border: 1px solid #ddd;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      margin: 20px auto;
      max-width: 800px;
      overflow-x: auto;
    }

    table {
      border-collapse: collapse;
      width: 100%;
    }

    th, td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: center;
    }

    th {
      background-color: #f2f2f2;
    }
  </style>
</head>

<body>
  <h1>Calculator</h1>
  <form class="input">
    <input type="number" placeholder="输入金额上限" value="1000000">
    <button onclick="calculateInningsAndProfit(); return false;">Calculate</button>
  </form>

  <form class="output">
    <table id="output-table">
      <thead>
        <tr>
          <th>Round no.</th>
          <th>Amount</th>
          <th>Total in</th>
          <th>Status</th>
          <th>Total out</th>
          <th>Profit</th>
        </tr>
      </thead>

      <tbody id="output-table-body">
      </tbody>
    </table>
  </form>
</body>
</html>

原JavaScript代码

function calculateInningsAndProfit() {
  const amountForCalculation = parseInt(document.querySelector('input[type="number"]').value);
  const amount = 20;
  const addingAmount = 20;
  let totalInF = 0;
  let roundsNo = [];
  let amountsIn = [];
  let totalsIn = [];
  let profits = [];
  let round = 1;
  let addRow = true;

  while (addRow) {
    let maxProfitIn = amount * 11.4;
    let totalIn = totalInF + amount;
    let profit = maxProfitIn - totalIn;

    if (totalIn > amountForCalculation) {
      addRow = false;
    } else {
      totalsIn.push(totalIn);
      profits.push(profit);
      amountsIn.push(amount);
      totalInF = totalIn;

      if (totalIn < maxProfitIn) {
        // do nothing
      } else {
        amount += addingAmount;
      }
      round++;
    }
  }
  roundsNo = Array.from({
    length: totalsIn.length
  }, (_, i) => i + 1);

  const outputTableBody = document.getElementById('output-table-body');
  outputTableBody.innerHTML = '';

  for (let i = 0; i < roundsNo.length; i++) {
    const row = document.createElement('tr');
    row.innerHTML = `
            <td>${roundsNo[i]}</td>
            <td>${amountsIn[i]}</td>
            <td>${totalsIn[i]}</td>
            <td></td>
            <td></td>
            <td>${profits[i]}</td>
        `;
    outputTableBody.appendChild(row);
  }
}

我的Python参考代码（逻辑正确，能生成足够行数） #

Rounds_no = []
Amounts_in = []
Totals_in = []
Profits = []

amount_for_calculation = 1000000
amount = 20
adding_amount = 20
total_in_f = amount

Totals_in.append(total_in_f)
Profits.append(amount*11.4-total_in_f)
Amounts_in.append(amount)

while total_in_f < amount_for_calculation:
    last_total_in = Totals_in[-1]
    max_profit_in = amount * 11.4
    total_in = last_total_in + amount
    profit = max_profit_in - total_in

    if total_in > amount_for_calculation:
        break

    if total_in < max_profit_in:
        Totals_in.append(total_in)
        Profits.append(profit)
        Amounts_in.append(amount)
    else:
        amount += adding_amount
        max_profit_in = amount * 11.4
        total_in = last_total_in + amount
        profit = max_profit_in - total_in

        if total_in < max_profit_in:
            Totals_in.append(total_in)
            Profits.append(profit)
            Amounts_in.append(amount)

    total_in_f = total_in

Rounds_no = list(range(1, len(Totals_in) + 1))

print("Rounds_no:", Rounds_no)
print("Amounts_in:", Amounts_in)
print("Totals_in:", Totals_in)
print("Profits:", Profits)

问题解决思路及修改后的JavaScript代码 #

对比Python和JS代码，发现核心问题是JS的循环逻辑和金额递增时机和Python不一致，导致循环提前终止。下面是修改后的JS代码，完美对齐Python逻辑，并且可以保证至少生成50轮结果（如果金额上限足够）：

function calculateInningsAndProfit() {
  const amountForCalculation = parseInt(document.querySelector('input[type="number"]').value);
  let amount = 20; // 改为let，因为需要修改值
  const addingAmount = 20;
  let totalInF = amount;
  let roundsNo = [];
  let amountsIn = [];
  let totalsIn = [];
  let profits = [];
  let statuses = []; // 新增状态字段

  // 初始化第一轮数据，和Python保持一致
  totalsIn.push(totalInF);
  const firstProfit = amount * 11.4 - totalInF;
  profits.push(firstProfit);
  amountsIn.push(amount);
  statuses.push(firstProfit > 0 ? "正常" : "需递增金额");

  // 循环生成剩余轮次，确保至少50轮，同时不超过金额上限
  while (totalsIn.length < 50 && totalInF < amountForCalculation) {
    const lastTotalIn = totalsIn[totalsIn.length - 1];
    let maxProfitIn = amount * 11.4;
    let totalIn = lastTotalIn + amount;
    let profit = maxProfitIn - totalIn;
    let status = "正常";

    // 如果累计投入超过当前金额的最大利润，先递增金额
    if (totalIn >= maxProfitIn) {
      amount += addingAmount;
      maxProfitIn = amount * 11.4;
      totalIn = lastTotalIn + amount;
      profit = maxProfitIn - totalIn;
      status = "已递增金额";
    }

    // 检查是否超过金额上限
    if (totalIn > amountForCalculation) {
      break;
    }

    // 添加本轮数据
    totalsIn.push(totalIn);
    profits.push(profit);
    amountsIn.push(amount);
    statuses.push(status);
    totalInF = totalIn;
  }

  // 生成轮次编号
  roundsNo = Array.from({ length: totalsIn.length }, (_, i) => i + 1);

  // 渲染表格
  const outputTableBody = document.getElementById('output-table-body');
  outputTableBody.innerHTML = '';

  for (let i = 0; i < roundsNo.length; i++) {
    const totalOut = totalsIn[i] + profits[i]; // 计算总输出
    const row = document.createElement('tr');
    row.innerHTML = `
            <td>${roundsNo[i]}</td>
            <td>${amountsIn[i]}</td>
            <td>${totalsIn[i].toFixed(2)}</td> <!-- 保留两位小数更规范 -->
            <td>${statuses[i]}</td>
            <td>${totalOut.toFixed(2)}</td>
            <td>${profits[i].toFixed(2)}</td>
        `;
    outputTableBody.appendChild(row);
  }
}

修改说明 #

1. 对齐Python初始化逻辑：先手动添加第一轮的数据，再进入循环，和Python的起始逻辑完全一致；
2. 调整循环终止条件：同时判断轮次是否达到50，以及累计投入是否超过上限，确保至少生成50轮；
3. 修正金额递增时机：当累计投入加上当前金额后超过该金额对应的最大利润时，先递增金额再计算新的一轮数据，和Python逻辑同步；
4. 完善表格字段：补充了Status字段标记是否递增金额，计算并显示Total out（总输出=累计投入+利润），同时对数值保留两位小数，显示更规范；
5. 变量类型修正：把amount从const改为let，因为需要在循环中修改它的值。

现在运行修改后的代码，就能生成至少50轮的计算表格啦，完全符合你的需求！

备注：内容来源于stack exchange，提问作者ABDULLAH SABIR KHAN