羅留示範期末考

羅辛劉2021年1月期末考

現值
利率
期數
金流
終值

對照EXCEL先打開從範圍定義名稱

對照EXCEL金融計算

程式碼

<style>

h1{border: 25px outset olive;  

  background-color: cyan;  

  color: white;

  text-align: center;}

</style>

<h1>羅辛劉2021年1月期末考</h1>

<!--輸出現值計算結果到 td--><table border="1">

<tbody>

<tr><td>現值</td><td><input id="p" type="number" /></td><td><input onclick="CompP()" type="button" value="計算現值" /></td><td id="p_" width="160"></td></tr>

<tr><td>利率</td><td><input id="y" type="number" value="0.001" /></td><td><input onclick="CompY()" type="button" value="計算利率" /></td><td id="y_"></td></tr>

<tr><td>期數</td><td><input id="n" type="number" value="240" /></td><td><input onclick="CompN()" type="button" value="計算期數" /></td><td id="n_"></td></tr>

<tr><td>金流</td><td><input id="m" type="number" value="0" /></td><td><input onclick="CompM()" type="button" value="計算金流" /></td><td id="m_"></td></tr>

<tr><td>終值</td><td><input id="f" type="number" value="0" /></td><td><input onclick="CompF()" type="button" value="計算終值" /></td><td id="f_"></td></tr>

</tbody></table>

<h1>對照EXCEL先打開從範圍定義名稱</h1>

<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8AR0V0CiDj2TCEwR27PqabXnrN7RWyr8an3hHwhwM7I6YGEtu-JBHRJePv7_0sDhnhBYq2gNX2eDCIkuvgTvPlPGDzVQvGMag2YhRDfqZVojLXgTT3fbLMCasAYaDapBJiwzdMafZ4u4/s815/xyz.JPG" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" width="600" data-original-height="496" data-original-width="815" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8AR0V0CiDj2TCEwR27PqabXnrN7RWyr8an3hHwhwM7I6YGEtu-JBHRJePv7_0sDhnhBYq2gNX2eDCIkuvgTvPlPGDzVQvGMag2YhRDfqZVojLXgTT3fbLMCasAYaDapBJiwzdMafZ4u4/s600/xyz.JPG"/></a></div>

<h1>對照EXCEL金融計算</h1>

<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHsc8xDNuC5lYfb647w3xypeP9p5FgkV4fMZBQkxuIeYKAB90BwNtB3bQ8Eq4ChxETT1VhsX5Um_pAPoetP6cAlDjhmjD6NXCD7lnMNfWTdqx9C-cMfP9tTwm9es6aTGULcld7KAd0Vus/s740/%25E6%2593%25B7%25E5%258F%2596.JPG" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" width="600" data-original-height="411" data-original-width="740" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHsc8xDNuC5lYfb647w3xypeP9p5FgkV4fMZBQkxuIeYKAB90BwNtB3bQ8Eq4ChxETT1VhsX5Um_pAPoetP6cAlDjhmjD6NXCD7lnMNfWTdqx9C-cMfP9tTwm9es6aTGULcld7KAd0Vus/s600/%25E6%2593%25B7%25E5%258F%2596.JPG"/></a></div>

<h1>程式碼</h1>

<h1>程式碼CSS顏色</h1><h1>參考<a href="https://zh.wikipedia.org/wiki/%E7%BD%91%E9%A1%B5%E9%A2%9C%E8%89%B2" target="_blank">維基百科</a></h1><div><table class="wikitable" style="background-color: #f8f9fa; border-collapse: collapse; border: 1px solid rgb(162, 169, 177); color: #202122; font-family: sans-serif; font-size: 15.008px; margin: 1em 0px;"><tbody><tr><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">中文</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">英文</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">代碼&amp;顏色</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">中文</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">英文</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">代碼&amp;顏色</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">中文</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">英文</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">代碼&amp;顏色</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">中文</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">英文</th><th style="background-color: #eaecf0; border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; text-align: center;">代碼&amp;顏色</th></tr><tr><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a href="https://zh.wikipedia.org/wiki/%E9%BB%91%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="黑色">黑色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">black</td><td style="background: rgb(0, 0, 0); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#000000</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a class="mw-redirect" href="https://zh.wikipedia.org/wiki/%E9%93%B6%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="銀色">銀色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">silver</td><td style="background: rgb(192, 192, 192); border: 1px solid rgb(162, 169, 177); color: black; font-family: monospace; padding: 0.2em 0.4em;">#c0c0c0</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a href="https://zh.wikipedia.org/wiki/%E6%A0%97%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="栗色">栗色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">maroon</td><td style="background: rgb(128, 0, 0); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#800000</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a href="https://zh.wikipedia.org/wiki/%E7%BA%A2%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="紅色">紅色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">red</td><td style="background: rgb(255, 0, 0); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#ff0000</td></tr><tr><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a class="mw-redirect" href="https://zh.wikipedia.org/wiki/%E6%B7%B1%E8%97%8D%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="深藍色">深藍色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">navy</td><td style="background: rgb(0, 0, 128); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#000080</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a class="mw-redirect" href="https://zh.wikipedia.org/wiki/%E8%93%9D%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="藍色">藍色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">blue</td><td style="background: rgb(0, 0, 255); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#0000ff</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a href="https://zh.wikipedia.org/wiki/%E7%B4%AB%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="紫色">紫色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">purple</td><td style="background: rgb(128, 0, 128); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#800080</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a class="mw-redirect" href="https://zh.wikipedia.org/wiki/%E5%93%81%E7%B4%85%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="品紅色">品紅色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">fuchsia</td><td style="background: rgb(255, 0, 255); border: 1px solid rgb(162, 169, 177); color: black; font-family: monospace; padding: 0.2em 0.4em;">#ff00ff</td></tr><tr><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a class="mw-redirect" href="https://zh.wikipedia.org/wiki/%E7%BB%BF%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="綠色">綠色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">green</td><td style="background: rgb(0, 128, 0); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#008000</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a class="new" href="https://zh.wikipedia.org/w/index.php?title=%E8%90%8A%E5%A7%86%E8%89%B2&amp;action=edit&amp;redlink=1" style="background: none; color: #a55858; text-decoration-line: none;" title="萊姆色（頁面不存在）">萊姆色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">lime</td><td style="background: rgb(0, 255, 0); border: 1px solid rgb(162, 169, 177); color: black; font-family: monospace; padding: 0.2em 0.4em;">#00ff00</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a class="mw-redirect" href="https://zh.wikipedia.org/wiki/%E6%A9%84%E6%AC%96%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="橄欖色">橄欖色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">olive</td><td style="background: rgb(128, 128, 0); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#808000</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a href="https://zh.wikipedia.org/wiki/%E9%BB%84%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="黃色">黃色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">yellow</td><td style="background: rgb(255, 255, 0); border: 1px solid rgb(162, 169, 177); color: black; font-family: monospace; padding: 0.2em 0.4em;">#ffff00</td></tr><tr><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a class="mw-redirect" href="https://zh.wikipedia.org/wiki/%E5%A2%A8%E7%BB%BF%E8%89%B2" style="background: none; color: #0b0080; outline-color: rgb(51, 102, 204);" title="">墨綠色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">teal</td><td style="background: rgb(0, 128, 128); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#008080</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a href="https://zh.wikipedia.org/wiki/%E9%9D%92%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="青色">青色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">cyan</td><td style="background: rgb(0, 255, 255); border: 1px solid rgb(162, 169, 177); color: black; font-family: monospace; padding: 0.2em 0.4em;">#00ffff</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a href="https://zh.wikipedia.org/wiki/%E7%81%B0%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="灰色">灰色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">gray</td><td style="background: rgb(128, 128, 128); border: 1px solid rgb(162, 169, 177); color: white; font-family: monospace; padding: 0.2em 0.4em;">#808080</td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;"><a href="https://zh.wikipedia.org/wiki/%E7%99%BD%E8%89%B2" style="background: none; color: #0b0080; text-decoration-line: none;" title="白色">白色</a></td><td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">white</td><td style="background: rgb(255, 255, 255); border: 1px solid rgb(162, 169, 177); color: black; font-family: monospace; padding: 0.2em 0.4em;">#ffffff</td></tr></tbody></table><p style="background-color: white; color: #202122; font-family: sans-serif; font-size: 15.008px; margin: 0.5em 0px;"><br /></p></div>

<script>

function CompY(){

  document.getElementById("y_").innerHTML ="以後再來學計算利率"

}

function CompF(){

  var y = document.getElementById("y").value; //輸入

  var m = document.getElementById("m").value;

  var p = document.getElementById("p").value;

  var n = document.getElementById("n").value;

  var fvif = y;

  fvif++;          // pvif = 1+y

  pvif = fvif ** n ; //pvif = 1/(1+y)^n

  var f = p * fvif - m / y * (fvif - 1) ;

  document.getElementById("f_").innerHTML = f.toFixed(6);

}

function CompN(){    //輸入y, m, p, f 計算 n 

  var y = document.getElementById("y").value;

  var m = document.getElementById("m").value;

  var p = document.getElementById("p").value;

  var f = document.getElementById("f").value;

  var pvif = y;

  pvif++;        // pvif = 1+y

  var n = Math.log( ( f - m/y )/( p - m/y ) )/Math.log( pvif ) ;

  document.getElementById("n_").innerHTML = n.toFixed(2);

}

function CompM(){

  var y = document.getElementById("y").value;

  var n = document.getElementById("n").value;

  var p = document.getElementById("p").value;

  var f = document.getElementById("f").value;

  var pvif = y;

  pvif++;

  pvif =1/pvif**n;

  var m = y*( p - f * pvif )/( 1 - pvif ) ;

  document.getElementById("m_").innerHTML = m.toFixed(2);

}

function CompP(){

  var y = document.getElementById("y").value;

  var n = document.getElementById("n").value;

  var m = document.getElementById("m").value;

  var f = document.getElementById("f").value;

  var pvif = y;

  pvif++;

  pvif =1/pvif**n;

  var p = (1-pvif)*m/y + f * pvif;

  document.getElementById("p_").innerHTML = p.toFixed(2);

}

</script>

程式碼CSS顏色

參考維基百科

中文	英文	代碼&顏色	中文	英文	代碼&顏色	中文	英文	代碼&顏色	中文	英文	代碼&顏色
黑色	black	#000000	銀色	silver	#c0c0c0	栗色	maroon	#800000	紅色	red	#ff0000
深藍色	navy	#000080	藍色	blue	#0000ff	紫色	purple	#800080	品紅色	fuchsia	#ff00ff
綠色	green	#008000	萊姆色	lime	#00ff00	橄欖色	olive	#808000	黃色	yellow	#ffff00
墨綠色	teal	#008080	青色	cyan	#00ffff	灰色	gray	#808080	白色	white	#ffffff