50行以下、JavaScriptで作れる、3つの数字を揃えるゲーム

35-NishiwakiTatuyaが2015年11月7日18:28:37に投稿しました。

JavaScript

1

お気に入り

準備中

Views

このレシピで作るもの

3つの数字を揃えるゲームです。
数字がそろうまでリトライを押して下さい。

かなり簡単に作れます。

作るのに必要な知識

・if文
・乱数


目次

※ 初期値として標準テンプレートが読み込まれています

準備するもの

今回必要なものは以下のようになります。

  • テキストエディタのみ

つくっていくもの

今回のレシピで作っていくファイルは以下のようになります。

  • index.html

index.htmlを作る

index.htmlを以下のように記述してください。

<meta charset="utf-8">
<title>3つの数字を揃えろ</title>
</head>
<body>
    <h2>3つの数字を揃えろ</h2>
    <p>3つの数字</p>
    <script>
    var rnd = Math.floor(Math.random()*3 + 1);
        document.write("1つ目の数字は「"+rnd+"」<br>");

    var rnd2 = Math.floor(Math.random()*3 + 1);
        document.write("2つ目の数字は「"+rnd2+"」<br>");

    var rnd3 = Math.floor(Math.random()*3 + 1);
        document.write("3つ目の数字は「"+rnd3+"」<br>");

        if(rnd == rnd2 && rnd == rnd3){
            document.write("<h1>全ての数字が揃った 神です!!<h1>");
        }else if(rnd == rnd2 || rnd == rnd3 || rnd2 == rnd3 ){
            document.write("<h1>おしい<h1>");
        }else{
            document.write("<h1>全然ダメ<h1>");
        }
    </script>


</body>


3. c

ページが読み込まれた時の処理を書こう

window.onload = function () {
    // ....
};

おわりに

以上でゲームAは完成です。

おつかれさまでした。

このレシピを書いたシェフ