課題５　JS課題

JavaScript
  • ActionScriptと同じ演算結果をブラウザに表示させなさい
  • 繰り返し文は使わずに、そのまま計算式を作りなさい
  • スクリプトはembed（埋め込み）で記述します


【JS課題01】

　変数を使った計算式を書き、ブラウザに結果を表示させなさい。
　10×（8＋12）÷4 の値は？

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<script type="text/javascript">
<!--
	var num;
	num=10*(8+12)/4;
	window.document.write("10*(8+12)/4="+num);
//-->
</script>
<noscript>
  JavaScript対応ブラウザで表示してください。
</noscript>
</body>
</html>

〜表示結果〜
　


【JS課題02】

「車Aの時速は100km」「車Bの時速は140km」
東京←→大阪の距離は560km。
どちらが何時間早く着くか求めなさい？
※四捨五入の式は考慮しなくてもOK

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<script type="text/javascript">
<!--
	var num1;
	var num2;
	num1=560/100;
	num2=560/140;
	window.document.write("車A-車B="+(num1-num2));
//-->
</script>
<noscript>
  JavaScript対応ブラウザで表示してください。
</noscript>
</body>
</html>

〜表示結果〜

【JS課題03】

「ビールを12杯：１杯500円」「ウーロン茶を4杯：１杯300円」「サラダを2皿：１皿600円」「チキンを2皿：１皿800円」
「ピザを2枚：１枚800円」
これを5人で割り勘にしたときの一人あたりの金額を求めなさい。

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<script type="text/javascript">
<!--
	var Beer=500;     //ビール
	var Oolongtea=300;//ウーロン茶
	var Salad=600;   //サラダ
	var Chicken=800;  //チキン
	var num1=12;//ビールの個数
	var num2=4;//ウーロン茶の個数
	var num3=2;//サラダの個数
	var num4=2;//チキンの個数
	var gokei;//合計
	var ninzu=5;//人数

	gokei=(Beer*num1)+(Oolongtea*num2)+(Salad*num3)+(Chicken*num4);
	window.document.write("一人当たりの金額="+(gokei/ninzu));
//-->
</script>
<noscript>
  JavaScript対応ブラウザで表示してください。
</noscript>
</body>
</html>

〜表示結果〜


【JS課題2　小数点以下を四捨五入】

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>小数点以下第二位で表示する場合</title>
<script type="text/javascript">
function myRound(val, precision)
{
     //Math.round では小数点以下が切れてしまうので細工する。（10の2乗＝小数点以下第二位）
     digit = Math.pow(10, precision);
 
     //四捨五入したい数字に digit を掛けて小数点を移動（ここでは100をかける）
     val1 = val * digit;
 
     //roundを使って四捨五入
     val2 = Math.round(val1);
 
     //移動させた小数点を digit で割ることでもとに戻す(ここでは100で割る)
     val3 = val2 / digit;
 
     return val3;
}
</script>
</head>

<body>
<script type="text/javascript">
<!--
	var num1;
	var num2;
    var num3;
	num1=560/100;
	num2=560/140;
	num3=num1-num2;

    //小数点以下2桁を取得する
  result = myRound(num3, 2);
  
  window.document.write(myRound(num3, 2));
//-->
</script>
<noscript>
  JavaScript対応ブラウザで表示してください。
</noscript>
</body>
</html>

〜表示結果〜

〜javascript参考URL〜
http://www.pori2.net/js/kihon/7.html