js存款计算器原生小demo

时间:2022-03-22 05:02:07

大家好,本人是初入前端的一枚程序猿,深知js底层开发的重要性,这也是我的软肋所在(曾经以为),渐渐的明白了一个道理,饭要一口口吃,路要一步步走,这也是我想告诉给所有刚刚进入IT行业的技术员们,沉下心,静下气,顺便来指点我的小demo,嘿嘿,不多说了,直接上图吧!

js存款计算器原生小demo

这是最终的效果图(支持ie8以上的浏览器,此效果图是谷歌浏览器下展示的),输入不同的金额、时间(可选项为3月,6月,9月,12月)、利率(可选项为5%,6%),点击计算后,最终在计算结果下,得出应得利息与总额。

下面为js原生代码

js存款计算器原生小demo

下图为html代码

js存款计算器原生小demo

js存款计算器原生小demo

自己写的样式,献丑啦,以及整个小demo,核心点是js里计算的部分,一定要记住把字符串要转换为整数,否则最后的结果就成了拼接字符串了。

本人的第一篇博客文,请大家多多指点,本人的邮箱是1101605132@qq.com,欢迎大家提出指正!十分感谢!

最后有句话和大家共勉------- 成功的速度必须超过父母老去的速度