負けてたまるか。

脳トレ、プログラミング、PHP、WEB製作などのメモ

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--.--.-- --:-- | スポンサー広告 | トラックバック(-) | コメント(-) | Edit
直角三角形の幅と高さと求めてダイアログに表示します。次に面積を小数点第五位まで求めてダイアログに表示するサンプルを作っていきましょう。

sincos-sankakkei

point1 直角三角形の状態

斜辺の長さ … 1
角度 … 60度
幅 … x
高さ … y





point2 三角形の幅(x)を求める

三角形の幅は、cos(角度)で求められる。
サンプルでは三角形の角度は60度なので

x = cos(60) で三角形の幅を求められる。

三角形の幅を求める

幅(x) = Math.cos(角度);






point3 三角形の高さ(y)を求める

三角形の高さは、sin(角度)で求められる。
サンプルでは三角形の角度は60度なので

y = sin(60) で三角形の高さを求められる。

三角形の高さを求める

高さ(y) = Math.sin(角度);






point4 角度からラジアン(radian, 記号 :rad)に変換する

sin(サイン)やcos(コサイン)に角度を入れる際、角度をラジアンに変換する必要があります。ラジアンとは角度の単位の一つです。1ラジアンは(360/2π) = 約57.29578度となります。

――角度からラジアンに変換するには?

角度からラジアンに変換

ラジアン(rad) = 角度 * Math.PI / 180;






point5 小数点以下を四捨五入する Math.round()

小数点以下を四捨五入するには、Math.round()を使います。
習うより慣れる!それではさっそくMath.round()を使ってみましょう。。

――Math.round()で四捨五入してみよう!

Math.round()で四捨五入

kekka = Math.round(5.7);
kekka2 = Math.round(5.4);



5.7を四捨五入すると6になり、5.4を四捨五入すると5になります。
上のサンプルをブラウザに書き出すと次の実行結果のように表示されます。

実行結果

6
5





point6 面積を小数点第五位(n.nnnnn)まで四捨五入する Math.round()

直角三角形の面積を小数点第五位(n.nnnnn)まで四捨五入するには、あらかじめ面積を×10000倍して小数点以下を四捨五入します。そして、その数を÷10000することで、小数点第五位まで四捨五入した数を求めることができます。

小数点第五位まで四捨五入

結果 = Math.round(面積 * 10000) / 10000;


――面積が121.01020cm2の三角形があり、その面積を小数点第二位まで四捨五入する手順

手順1) 面積を×100します

121.01020 * 100 = 12101.20

手順2) 手順1の値を四捨五入します

Math.round(12101.20) = 12101

手順3) 手順2の値を÷100します。

12101 / 100 = 121.01

結果

三角形の面積(121.01020cm2)が小数点第二位(121.01cm2)まで四捨五入された





【サンプル】 三角形の幅と高さと面積を求める

それでは、実際に直角三角形の幅と高さと面積をJavaScriptで求めていきましょう。
スクリプトは次のとおりになります。

<script type="text/javascript">
<!--

kakudo = 60;
rad = kakudo * Math.PI / 180;
x = Math.cos(rad);
y = Math.sin(rad);

window.alert("幅: "+ x + "高さ: " + y);

menseki = x * y / 2;
window.alert("面積: "+ menseki);

menseki = Math.round(menseki * 10000) / 10000;
window.alert("四捨五入した面積: " + menseki);

// -->
</script>



変数kakudoに角度を代入。
角度からラジアンに変換。
x(三角形の幅)を計算。
y(三角形の高さ)を計算。

ダイアログに x と y の値を表示。

三角形の面積を計算して menseki に代入。
ダイアログに面積を表示。

面積を小数点第五位(n.nnnnn)まで四捨五入。

ダイアログに四捨五入した面積を表示。




スポンサーサイト
| ホーム |

カレンダー

07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

最近の記事

月別アーカイブ

タグリスト

ブログ内検索

カテゴリー

RSSフィード

リンク

ブロとも申請フォーム

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。