課題5 JS課題
- 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杯:1杯500円」「ウーロン茶を4杯:1杯300円」「サラダを2皿:1皿600円」「チキンを2皿:1皿800円」「ピザを2枚:1枚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>
〜表示結果〜