澳门新葡萄京www27111com

相关下载
文件名 文件大小
UI.html 947b

步骤 1 : 本练习的效果   
步骤 2 : 复利公式   
步骤 3 : html部分   
步骤 4 : 答案   

步骤 1 :

本练习的效果

<style> table{ border-collapse:collapse; } td{ border:1px silver solid; padding: 5px; font-size:12px; } input{ width:180px; } </style> <script> /*取幂函数*/ function p(base, power){ if(1==power) return base if(0==power) return 0; var result = base; for(var i = 0; i<power-1; i++){ result = result*base; } return result; } /*取复利*/ function fuli(rate, year){ var result = 0; for(var i=year;i>0;i--){ result+=p(rate,i); } return result; } function calc(){ var initMoney= getIntValue("initMoney"); var rate= getIntValue("rate"); var year= getIntValue("year"); var each= getIntValue("each"); var sum1 = (year-1)*each+initMoney; var sum3=each* fuli( (1+rate/100),(year-1)) + initMoney*p( (1+rate/100) ,year); var sum2 = sum3-sum1; setValue("sum1",sum1); setValue("sum2",sum2); setValue("sum3",sum3); } function setValue(id,value){ document.getElementById(id).value=value; } function getIntValue(id){ return parseInt(document.getElementById(id).value); } </script> <table> <tr> <td>起始资金</td> <td><input type="text" id="initMoney" value='10000'> ¥</td> <tr> <td>每年收益</td> <td><input type="text" id="rate" value='5'> %</td> </tr> <tr> <td>复利年数</td> <td><input type="text" id="year" value='10'> 年</td> </tr> <tr> <td>每年追加资金</td> <td><input type="text" id="each" value='10000'> ¥</td> </tr> <tr> <td colspan="2" align="center"><input type="button" value="计算" onclick="calc()"></td> </tr> <tr> <td>本金和</td> <td><input type="text" id="sum1" disabled="disabled" value='0'> ¥</td> </tr> <tr> <td>利息和</td> <td><input type="text" id="sum2" disabled="disabled" value='0'> ¥</td> </tr> <tr> <td>本息和</td> <td><input type="text" id="sum3" disabled="disabled" value='0'> ¥</td> </tr> </table>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
步骤 2 :

复利公式

复利公式:
F = p* ( (1+r)^n );
F 最终收入
p 本金
r 年利率
n 存了多少年

假设情景一:
p = 10000
r = 0.05
n = 1

解读:
本金是10000
年利率是5%
存了一年 1次
复利收入 10000*( (1+0.05)^1 ) = 10500

假设情景二:
p = 10000
r = 0.05
n = 2

解读:
本金是10000
年利率是5%
存了两年
复利收入 10000*( (1+0.05)^2 ) = 11025
步骤 3 :

html部分

运行效果
<style> table{ border-collapse:collapse; } td{ border:1px silver solid; padding: 5px; font-size:12px; } input{ width:80px; } </style> <table> <tr> <td>起始资金</td> <td><input type="text" id="initMoney" value='0'> ¥</td> <tr> <td>每年收益</td> <td><input type="text" id="rate" value='0'> %</td> </tr> <tr> <td>复利年数</td> <td><input type="text" id="year" value='1'> 年</td> </tr> <tr> <td>每年追加资金</td> <td><input type="text" id="each" value='0'> ¥</td> </tr> <tr> <td colspan="2" align="center"><input type="button" value="计算" ></td> </tr> <tr> <td>本金和</td> <td><input type="text" id="sum1" disabled="disabled" value='0'> ¥</td> </tr> <tr> <td>利息和</td> <td><input type="text" id="sum2" disabled="disabled" value='0'> ¥</td> </tr> <tr> <td>本息和</td> <td><input type="text" id="sum3" disabled="disabled" value='0'> ¥</td> </tr> </table>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
步骤 4 :

答案

运行效果
<style> table{ border-collapse:collapse; } td{ border:1px silver solid; padding: 5px; font-size:12px; } input{ width:180px; } </style> <script> /*取幂函数*/ function p(base, power){ if(1==power) return base if(0==power) return 1; var result = base; for(var i = 0; i<power-1; i++){ result = result*base; } return result; } /*取复利*/ function fuli(rate, year){ var result = 0; for(var i=year;i>0;i--){ result+=p(rate,i); } return result; } function calc(){ var initMoney= getIntValue("initMoney"); var rate= getIntValue("rate"); var year= getIntValue("year"); var each= getIntValue("each"); var sum1 = (year-1)*each+initMoney; var sum3=each* fuli( (1+rate/100),(year-1)) + initMoney*p( (1+rate/100) ,year); var sum2 = sum3-sum1; setValue("sum1",sum1); setValue("sum2",sum2); setValue("sum3",sum3); } function setValue(id,value){ document.getElementById(id).value=value; } function getIntValue(id){ return parseInt(document.getElementById(id).value); } </script> <table> <tr> <td>起始资金</td> <td><input type="text" id="initMoney" value='10000'> ¥</td> <tr> <td>每年收益</td> <td><input type="text" id="rate" value='5'> %</td> </tr> <tr> <td>复利年数</td> <td><input type="text" id="year" value='10'> 年</td> </tr> <tr> <td>每年追加资金</td> <td><input type="text" id="each" value='10000'> ¥</td> </tr> <tr> <td colspan="2" align="center"><input type="button" value="计算" onclick="calc()"></td> </tr> <tr> <td>本金和</td> <td><input type="text" id="sum1" disabled="disabled" value='0'> ¥</td> </tr> <tr> <td>利息和</td> <td><input type="text" id="sum2" disabled="disabled" value='0'> ¥</td> </tr> <tr> <td>本息和</td> <td><input type="text" id="sum3" disabled="disabled" value='0'> ¥</td> </tr> </table>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2018-02-10 写完了
天渊



写完了
<html>
<head>
	<meta charset = "UTF-8">
</head>
<body>
<style>
	td{
		border-style:solid;
		border-width:1px;
		border-color:gray;
	}
	table{
		border-collapse:collapse;
	}
	div{
		margin:5px;
		font-size:70%;
	}
	button#calculate{
		width:200px;
	}
	
</style>
<script>
	function calculate(){
		var primary = document.getElementById("primary").value;	//初始本金
		var prof = document.getElementById("prof").value;	//获取利率
		var yearNum = document.getElementById("yearNum").value;	//获取年限
		var follow = document.getElementById("follow").value;	//获取每年追加资金
		var piNum = primary * Math.pow(1+prof/100,parseInt(yearNum));	//计算初始本金最终的本息和
		
		/*
		计算每年追加资金后,最终的本息和		
		*/
		if(follow != 0){
			for(var i = 1; i < yearNum; i++){
				piNum += follow * Math.pow(1+prof/100,parseInt(yearNum-i));
			}
		}
		
		var principal = parseInt(primary) + follow*(yearNum-1);	//计算最终的本金总额
		var interest = piNum - principal;	//计算最终利息
		
		document.getElementById("piNum").value = piNum;
		document.getElementById("principal").value = principal;
		document.getElementById("interest").value = interest;
	
	}
</script>
<table>
<tr>
	<td>
		<div>起始资金</div>
	</td>
	<td>
		<input id="primary" type="text" value="0">¥
	</td>
</tr>
<tr>
	<td>
		<div>每年收益</div>
	</td>
	<td>
		<input id="prof" type="text" value="0">%
	</td>
</tr>
<tr>
	<td>
		<div>复利年数</div>
	</td>
	<td>
		<input id="yearNum" type="text" value="1">年
	</td>
</tr>
<tr>
	<td>
		<div>每年追加资金</div>
	</td>
	<td>
		<input id="follow" type="text" value="0">¥
	</td>
</tr>
<tr>
	<td colspan="2">
		<div style="width:200px;margin:0 auto"><button id="calculate" onclick="calculate()">计算</button></div>
	</td>
</tr>
<tr>
	<td>
		<div>本金和</div>
	</td>
	<td>
		<input id="principal" type="text" value="0">¥
	</td>
</tr>
<tr>
	<td>
		<div>利息和</div>
	</td>
	<td>
		<input id="interest" type="text" value="0">¥
	</td>
</tr>
<tr>
	<td>
		<div>本息和</div>
	</td>
	<td>
		<input id="piNum" type="text" value="0">¥
	</td>
</tr>

<table>
<body>
</html>

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2018-02-05 写一个简单的计算函数
小澈wataru



如题
<script>
//各变量名为拼音开头缩写,其中中间变量bj为总钱数
        function run() {
            var qszj = Number(document.getElementById("qszj").value);
            var mnsy = Number(document.getElementById("mnsy").value);
            var flns = Number(document.getElementById("flns").value);
            var mnzjzj = Number(document.getElementById("mnzjzj").value);
            var bjh = qszj + ( flns - 1 ) * mnzjzj;
            document.getElementById("bjh").value = bjh;
            var bj = qszj;
            for(var i = 1; i <= flns; i++){
                bj = bj  * ((1 + mnsy / 100));
                if(i != flns)
                    bj = bj + mnzjzj;
            }
            document.getElementById("lxh").value = bj - bjh;
            document.getElementById("bxh").value = bj;
        }
    </script>

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2017-12-10 公式中的^字符是啥意思????
2017-10-25 for(var i = 0; i<power-1; i++)
2017-09-08 js应该写个提示 复利年数不可为0
2017-03-30 每年追加资金的用处?
2017-02-02 此练习好多看不懂-。-
2017-02-02 此练习好多看不懂-。-
2017-02-02 此练习好多看不懂-。-




提问之前请登陆
关于 前端基础-JavaScript-阶段性练习3 的提问

尽量提供截图、代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 389538688
站长会在每个工作日早上尽量回答提问(如果有漏掉没有回答的,请进群提醒一下)
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
站长是玻璃心,提问的时候请语气温柔些 kiss~
截止2017-5-19日累计提问 1638个,站长回答了 1546个
截止2017-8-15日累计提问 2788个,站长回答了 2544个

上传截图