Step.20 - あいさつ文をランダムに表示する

Step.2 の時間で変わるメッセージも面白いですが、いつも同じ時間帯にアクセスしてくる人は、同じメッセージばかり見ています。
それだったら、いくつかメッセージを作っておいて乱数を使ってランダムに表示してみましょう。

Step テーマ
● // コメント
● /* ～ */ コメント

実行例

サンプルだけの HTMLはこちらへ

説明

あいさつ文の説明は Step.2 で説明しました。
今回は時間に関係なく、あいさつ文をランダムに表示するタイプです。

配列に格納したメッセージのいずれかを乱数を使ってランダムに表示しているだけです。
※ 乱数については Step.14 で適当に説明しています。
※ 配列については Step.2 と Step.3 で適当に説明しています。(^^;

これといって、説明することもないので、コメント文について、なぜかこの Step で説明します。

コメントは、２種類あります。

1つは、
// コメント
です。
// より右側の改行するまでが、コメントとして扱われます。
今回のサンプルにも使っています。

2つめは、
/* コメント */
です。
/* から */ に挟まれた部分がコメントになります。
たとえば、

myMes = new Array(
/*
"A HAPPY NEW YEAR!",
"謹賀新年",
"あけましておめでとうございます",
"今年もよろしくお願いします"
*/
"暑中お見舞い申し上げます",
"今年も暑いですね！",
"スイカの食べ過ぎにご注意！",
"クーラーで体をこわさないよう気をつけましょう"
);

のように複数行をまたいでコメント化することができます。

参考ステップ
Step.2 あいさつ文を表示してみましょう　
Step.68 あいさつ文を表示してみましょう億劫編　
Step.91 本日の行事を表示してみましょう　
Step.97 明日の行事を表示してみましょう　

▲TOP

実行例

リスト

説明