JavaScriptでブラウザに表示

作ってみた

練習01

「Hello World!!」とブラウザに表示させる。

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>

<body>
<script type="text/javascript">
<!--
  window.document.write("Hello World!!");
//-->
</script>
<noscript>
  JavaScript対応ブラウザで表示してください。
</noscript>
</body>
</html>


JS課題

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

【JS課題01】

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

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>js01</title>
</head>

<body>
<script type="text/javascript">
<!--
  var num1 = 10;
  var num2 = 8;
  var num3 = 12;
  var num4 = 4;

  var total = num1 * (num2 + num3) / num4;
  
  window.document.write(total);
//-->
</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>js02</title>
</head>

<body>
<script type="text/javascript">
<!--
  var speedA = 100;
  var speedB = 140;
  var distance = 560;
  var result = (distance / speedA) - (distance / speedB);

  window.document.write(result);
//-->
</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>js03</title>
</head>

<body>
<script type="text/javascript">
<!--
  var beer = 500;
  var oolong = 300;
  var salad = 600;
  var chicken = 800;
  var pizza = 800;
  var total = (beer * 12) + (oolong * 4) + (salad * 2) + (chicken * 2) + (pizza * 2);
  var people = 5;
  var payment = total / people;
  document.write("一人当たりの金額は、"+payment+"円です。");
//-->
</script>
<noscript>
  JavaScript対応ブラウザで表示してください。
</noscript>
</body>
</html>

【JS課題04】

自分の氏名をブラウザに表示しなさい。

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>js04</title>
</head>
<body>
<script type="text/javascript">
<!--
  var namae = "island-web";

  document.write("私の名前は、" + namae + "です。");
//-->
</script>
<noscript>
  JavaScript対応ブラウザで表示してください。
</noscript>
</body>
</html>