如何使用基于其他表单框输入的javascript填充表单框

Question

我有一个包含四个数字输入的表格：小时工资，工作小时数，周数和工资。

我想根据工资，小时和周数框的输入自动填写薪资框。

理论上，如果每小时wage = 15，hours worked = 40和number of weeks = 52，则工资表格框应自动设置为“31200”

用javascript做任何简单的方法吗？我尝试了一些不同的方法，但似乎无法使其发挥作用。

如果有帮助，我已经将所有表格框设置为变量：

var wageBox = document.forms[0].wage;
var hoursBox = document.forms[0].hours;
var weeksBox = document.forms[0].weeks;
var salaryBox = document.forms[0].salary;

编辑：对不起，这是HTML表单代码：

<fieldset id="incomeinfo">
            <label for="wage">
              Hourly wage:
              <input type="number" id="wage" name="wage" placeholder="e.g. 15.00">
            </label>
            <label for="Hours">
              Hours worked each week:
              <input type="number" id="hours" name="hours" value="40" placeholder="e.g. 40">
            </label>
            <label for="Weeks">
              Number of weeks a year:
              <input type="number" id="weeks" name="weeks" value="52" placeholder="e.g. 52">
            </label>
            <br />
            <br />
            <label for="salary">
              Salary:
              <input type="number" id="salary" name="salary" placeholder="e.g. 31200" required>
            </label>
          </fieldset>