Javascript 数学，从输入字段到 h2 标签

Question

好的，我们有一个输入字段。示例:

<input id="weeklyRent" name="weeklyRent" size="50" type="text" class="medium">

我想做的是向这个字段添加一个监听器，当用户点击离开该字段时，执行一些数学运算，并输出 h2 标签的答案。

为了论证，我们假设每周用户输入量为 280

1. d=280/7
2. y=365 x d
3. m=y/12

打印值m

其中 m 是计算的月度值。

d=天 |米=月 | y=年

我知道纯粹主义者会加入闰年等，但出于邻近原因，我们需要尽可能接近这一点。 哦，四舍五入到最接近的偶数(整数)会很有用

Answer 1

将 onBlur 处理程序添加到您的 input。让该处理程序处理所有必要的工作:

// the js function
function doMath() {
   var rent = this.value;
   var d = rent/7;
   var y = 365 * d;
   var m = y/12;
   document.getElementById("idForH2").innerHTML = m;
}

document.getElementById("weeklyRent").onblur = doMath;

Here's a working demo .

Here's a direct copy/pastable example以您尝试实现它的方式。您必须将代码附加到匿名函数中的 window.onload 事件，这样代码才会在窗口完全加载之前执行。

不过，我强烈建议，如果您打算使用 javascript 进行一些工作，那么您应该开始从 w3school、各种书籍或任何您喜欢的学习资源中学习更多关于它的知识。这有助于您了解更多并帮助您提出更多具体问题，而不是要求完整的代码示例来执行您想要的操作。这很好，但我相信您更愿意自己学习。

祝你在 JavaScript 冒险中好运!