javascript利息计算器多年

我需要制作三个带有出生日期、金额和利息的文本框

点击按钮，如果我以一定的利率将钱存入银行，将显示翻倍金额的概览

我不知道如何开始。

文本框：

一般来说，要在web上创建用户界面，您需要编写。以您的案例为例，我们知道您需要三个文本框。我想这样使用：

第一步

一件有用的事情是使用类作为JavaScript钩子，因此我还将表单HTML改为：在这一步。我在类上使用js前缀，以明确在何处使用它，即不是。您会注意到一行写着……这是JavaScript中作为对象获取的内容

最后，将所有这些放在一起，这里是一个工作片段，其中包含一些基本的完全可选的样式，但是：

常量calcForm=form=>{ 常数{ 金额：{value:amount}， 利息：{value:interest}， 总计：总计元素， }=形式元素 totalElement.value=金额*利息.toFixed2 } addEventListener'DOMContentLoaded'，事件=>{ const formEl=document.querySelector'.js form' formEl.addEventListener'submit'，e=>{ e、 防止违约 calcForme.target } calcFormformEl } .表格{ 显示：网格； 保证金：0自动； 宽度：最小含量； 证明项目：结束； 文本对齐：右对齐； 差距：1勒姆； } .表格标签{ 显示：网格； 间隙：0.5雷姆； 字体大小：粗体； } .表格输入{ 宽度：150px； 文本对齐：继承； } 出生日期 数量 兴趣 全部的 0 计算

---

到目前为止，您尝试了什么？我想您正在寻找一个简单的javascript/HTML解决方案。你的文本框应该很简单。从那开始。请参阅@mankowitz，请勿发布学校链接。它的内容可能真的不准确，而且绝对不属于W3C@cid-我发现w3schools有助于起步，而Sadaf目前正处于起步阶段。它还允许您在站点上试用代码，这很方便。但我理解你的担心。你想让他从哪里开始？

<input name="dob" type="date" />
<input name="amount" type="number" step="0.01" />
<input name="interest" type="number" step="0.001" />

<label>
  Date of Birth
  <input name="dob" type="date" />
</label>
<label>
  Amount
  <input name="amount" type="number" step="0.01" />
</label>
<label>
  Interest
  <input name="interest" type="number" step="0.001" />
</label>

<form>
  <label>
    Date of Birth
    <input name="dob" type="date" />
  </label>
  <label>
    Amount
    <input name="amount" type="number" step="0.01" />
  </label>
  <label>
    Interest
    <input name="interest" type="number" step="0.001" />
  </label>
</form>

<form>
  <label>
    Date of Birth
    <input name="dob" type="date" />
  </label>
  <label>
    Amount
    <input name="amount" type="number" step="0.01" />
  </label>
  <label>
    Interest
    <input name="interest" type="number" step="0.001" />
  </label>
  <label>
    Total
    <output name="total">0</output>
  </label>

  <button type="submit">Calculate</button>
</form>

// Step 1: Create a JavaScript function (actually gets run later)
const calcForm = form => {

  // Get values (and totalElement) from form.elements
  const {
    amount: {value: amount},
    interest: {value: interest},
    total: totalElement,
  } = form.elements

  // Update the totalElement with interest * amount
  totalElement.value = (interest * amount).toFixed(2)
}

// Step 2: Wait for the DOM to fully load (so formElement exists)
window.addEventListener('DOMContentLoaded', (event) => {

  // Step 3: Get form element using the "js-form" class
  const formElement = document.querySelector('.js-form')

  // Step 4: Run calcForm on "submit" event
  formElement.addEventListener('submit', (e) => {
    e.preventDefault()
    calcForm(e.target)
  })

  // Step 5: Run calcForm at start
  calcForm(formElement)
})