JavaScript实现存款利息计算器

最新推荐文章于 2022-09-21 08:49:10 发布
VIP文章 最新推荐文章于 2022-09-21 08:49:10 发布
阅读量5.5k 收藏 12
点赞数
分类专栏： Front End 文章标签： JavaScript HTML CSS 存款 计算器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lujie_1996/article/details/78231294
版权

最终效果

 

实现代码

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		* {
			font: normal normal 15px "微软雅黑";
		}
		div {
			width: 380px;
			margin: 0 auto;
		}
		table {
			margin: 20px auto;
		}
		input {
			width: 180px;
			height: 20px;
			outline: none;
		}
		h1 {
			font-size: 22px;
			text-align: center;
		}
		h2 {
			font-size: 18px;
			line-height: 18px;
			font-weight: normal;
			text-align: center;
		}
		table {
			width: 360px;
			border: 1px solid #99D;
			padding: 20px;
		}
		table tr td {
			height: 32px;
			text-align: right;
		}
		#calc {
			display: block;
			width: 80px;
			height: 28px;
			margin: 0 auto;
最低0.47元/天 解锁文章
lujie_1996
关注
  • 0
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JS版分期付款计算器
02-23
小弟自己写的献丑了，大家可以下来玩玩，呵呵~ IE 、Firefax、 Apple Safari 测试都通过
用html+js实现的等额本息贷款月供计算器
04-08
用html+js实现的等额本息贷款月供计算器 用html+js实现的等额本息贷款月供计算器 用html+js实现的等额本息贷款月供计算器
interest-calculator:基于 JavaScript 的利息计算器
08-04
利息计算器 :money_bag: 这只是一个基于 javascript 语言的基本兴趣计算器。 特征： 单利计算器 复利计算器
jquery理财收益计算器 源码
03-15
javascript的一个简易利率计算器+js图像显示 代码,校验
c++输出txt格式循环一组数据后换行再循环一次_【必修1】2.3周而复始的循环
weixin_39602737的博客
12-22 1452
学习目标★了解循环的基本结构。★学会计数循环的使用方法。★学会条件循环的使用方法。★熟练使用循环解决实际问题。本课要点任务一 计算5年储蓄存款收益活动1 计算利率不变情况下的到期存款总额如果将5万元存入银行，选择“1年定期、自动转存”的存款方式，假设5年内存款利率没有发生变化，均为3.25%，5年后到期存款总额是多少？在程序中，暂不考虑存款分位以下的四舍五入。活动2计算利率变动情况下...
JavaScript实现贷款利息计算器
三毛村滴雪鱼粉的博客
05-22 2119
JavaScript实现贷款利息计算器代码运行结果 为了简洁明了，就省去样式了，只留计算和赋值显示的部分~ 需要自行引入jQuery 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head...
[JavaScript学习记录] 首次运用于网页,做一个简易利息计算器!!!
☆迷茫Dog的秘密基地☆
08-11 599
事件 javascript允许html与用户交互的行为 例如:鼠标点击事件 <script> function sayHello{ alert('Hello World ppp!'); } </script> <button onclick="sayHello()">kick me</button> 错误处理 <script> function f1(){ //函数f1是存在的 } try{ document...
javascript的一个简易利率计算器+js图像显示 代码
weixin_30527423的博客
05-25 225
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS弹框</title> <style type="text/css"> .output{font-weight: bold;} ...
JS-计算本息和
m0_73346363的博客
09-21 920
用js实现本息和的计算
存款利息的计算
qq_40834200的博客
02-27 313
/存款利息的的计算。有1000元，想存5年，可按以下5种办法 我依据这个题目做出了改进 可以自己输入金额，自己选择哪种办法存储/ #include <stdio.h> #include <math.h> #include <windows.h> double one(double money){ double p,interest; printf(“请输入5年期...
Java调用JavaScript实现字符串计算器代码示例
10-18
主要介绍了Java调用JavaScript实现字符串计算器代码示例，具有一定参考价值，需要的朋友可以了解下。
利用Javascript实现BMI计算器
10-21
BMI指数计算器相信大家都用过，那用JavaScript怎么实现呢？其实很简单，这篇文章给出了实例代码，有需要的可以参考学习。
javascript实现简易的计算器
11-21
利用javascript实现简易的计算器，供大家参考，具体内容如下 1、先构思整个计算器的模式以及想要实现的功能，按模块创建相应的div，在“head”中设置其样式和布局。 2、用“input”标签创建text类型，置为输出框；...
JavaScript实现简单的计算器
01-19
本文实例为大家分享了JavaScript实现简单的计算器的具体代码，供大家参考，具体内容如下 整个计算器实现由html文件、js文件和css样式表三部分组成 整体效果：body里放俩div，一个大的包一个小的，小的放键盘，键盘...
javascript实现计算器功能
10-15
主要为大家详细介绍了javascript实现计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
HTML+CSS实现倒三角符号
热门推荐
弱弱的小雨鸟
09-11 1万+
在网页设计中通常需要实现倒三角符号的效果，比如下图当当网的搜索框： 那么，我们做出的最终效果是这样的： .nabla { width: 0px; height: 0px;
使用 CSS3 实现转盘抽奖效果
弱弱的小雨鸟
01-09 1万+
微信和大型商场常常会有转盘抽奖的活动，比如上海移动和教授的抽取积分活动等。我们可以通过CSS3的transform属性来实现转盘的旋转。同时，transition属性实现过渡动画，它具有四个子属性，依次为 1.      transition-property（过渡属性，默认为all） 2.      transition-during（过渡时间，默认0s） 3.      transiti
HTML+CSS实现静态注册页面
弱弱的小雨鸟
10-05 6827
最终效果   实现代码 注册页 * { padding: 0; margin: 0; font-size: 15px; } .red { margin: 0 auto; width: 650px; color: #D22; } .blue { font-weight: bold; color: #22F;
javascript实现简易计算器
最新发布
05-14
以下是一个简单的 JavaScript 计算器： ```html <!DOCTYPE html> <html> <head> <title>简易计算器</title> <script type="text/javascript"> function calculate() { var num1 = document.getElementById('num1').value; var num2 = document.getElementById('num2').value; var operator = document.getElementById('operator').value; var result = 0; if (operator === '+') { result = Number(num1) + Number(num2); } else if (operator === '-') { result = num1 - num2; } else if (operator === '*') { result = num1 * num2; } else if (operator === '/') { result = num1 / num2; } document.getElementById('result').innerHTML = result; } </script> </head> <body> <h3>简易计算器</h3> <input type="number" id="num1" placeholder="请输入数字"> <select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="number" id="num2" placeholder="请输入数字"> <button onclick="calculate()">计算</button> <p id="result"></p> </body> </html> ``` 这个计算器包含了两个数字输入框、一个下拉列表框（用于选择运算符）以及一个按钮，当用户点击“计算”按钮时，JavaScript 函数 `calculate()` 会被调用来计算结果，并将结果输出到一个段落元素中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值