JSはじゃんけんゲームを実装します

JSはじゃんけんゲームを実装します

この記事の例では、じゃんけんゲームを実装するためのJSの具体的なコードを参考までに共有しています。具体的な内容は次のとおりです。

1. じゃんけんゲームの簡易版

ユーザーとコンピューターの間でじゃんけんゲームを作成します。ユーザーは、じゃんけん、石、紙のいずれかを入力し、その入力とコンピューターのパンチを比較して勝者を決定します。

分析:

1. まず、prompt() メソッドを使用してユーザー入力ボックスを作成します。
2. 核となるのは、[0,1) の間の乱数を取得する Math.random() 関数を使用することです。この関数を使用すると、コンピューターにランダムにパンチを打たせることができます。
3. if-else ステートメントを使用して、発生する可能性のあるさまざまな結果を判断して決定を下します。

具体的なコードは次のとおりです。

/**
 * a はユーザーが入力したコンテンツです * b はコンピューターのランダムなコンテンツです */
var a = prompt('1: チョキ、2: グー、3: パーを入力してください');
var b = Math.random();
(b < 0.3) の場合 {
    (a == 1)の場合{
        alert('コンピュータがハサミを作り、あなたがハサミを作りました。同点です');
    } それ以外の場合 (a == 2) {
        alert('コンピュータがチョキを出し、あなたが石を出したので、あなたの負け');
    } それ以外 {
        alert('コンピュータがチョキを出し、あなたがクロスを出したので、あなたの勝ち');
    }
} そうでない場合 (b < 0.6) {
    (a == 1)の場合{
        alert('コンピュータが石を出し、あなたがチョキを出したので、あなたの負け');
    } それ以外の場合 (a == 2) {
        alert('コンピュータの石とあなたの石は同点です');
    } それ以外 {
        alert('コンピュータが石を出し、あなたが紙を出したので、あなたの勝ち');
    }
} それ以外 {
    (a == 1)の場合{
        alert('コンピュータがパーを出し、あなたがチョキを出したのであなたの勝ち');
    } それ以外の場合 (a == 2) {
        alert('コンピュータは紙をプレイし、あなたは石をプレイしたので負けました');
    } それ以外 {
        alert('コンピューターが布を作りました、あなたが布を作りました、それはネクタイです');
    }
}

2. じゃんけんゲームの上級バージョン

システムとプレイヤーのスコアを記録します。勝者は 1 ポイントを獲得し、引き分けと敗者はポイントを獲得しません。

分析:

1. 元のコードにさらに 2 つの変数を追加する必要があります。1 つはユーザーの合計スコアを保存するための変数、もう 1 つはコンピューターの合計スコアを保存するための変数です。
2. ゲームの数を制限するには for ループが必要です。
3. alert() ステートメントを使用して結果スコアを出力します。

具体的なコードは次のとおりです。

var sum=0;//人のスコアvar snm=0;//コンピュータのスコアfor(var i=0;i<3;i++){
    var a=prompt('1、ハサミ、2、石、3、布を入力してください');
    var b = Math.random();
    (b < 0.3) の場合 {
        (a == 1)の場合{
            alert('コンピュータがハサミを作り、あなたがハサミを作りました。同点です');
        } それ以外の場合 (a == 2) {
            snm++;
            alert('コンピュータがチョキを出し、あなたが石を出したので、あなたの負け');
        } それ以外 {
            合計++;
            alert('コンピュータがチョキを出し、あなたがクロスを出したので、あなたの勝ち');
        }
    } そうでない場合 (b < 0.6) {
        (a == 1)の場合{
            snm++;
            alert('コンピュータが石を出し、あなたがチョキを出したので、あなたの負け');
        } それ以外の場合 (a == 2) {
            alert('コンピュータの石とあなたの石は同点です');
        } それ以外 {
            合計++;
            alert('コンピュータが石を出し、あなたが紙を出したので、あなたの勝ち');
        }
    } それ以外 {
        (a == 1)の場合{
            合計++;
            alert('コンピュータがパーを出し、あなたがチョキを出したのであなたの勝ち');
        } それ以外の場合 (a == 2) {
            snm++;
            alert('コンピュータは紙をプレイし、あなたは石をプレイしたので負けました');
        } それ以外 {
            alert('コンピューターが布を作りました、あなたが布を作りました、それはネクタイです');
        }
    }
}
alert('コンピュータ'+snm +'あなたのスコア'+合計);

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScript でじゃんけんゲームを書く
  • じゃんけんゲームのオブジェクト指向実装に基づく JavaScript
  • jsはじゃんけんゲームを実装します
  • じゃんけんゲームの JavaScript 実装のソースコード共有
  • じゃんけんゲームのサンプルコードを実装するためのHTML+JS

<<:  MySQL バージョン 5.7 以降で、SELECT リストの式 #1 が GROUP BY 句に含まれておらず、非集計が含まれているというグループ化エラーを解決します。

>>:  Nginx は動的と静的の分離を実装します 例の説明

推薦する

Nginx設定ファイルの詳細な説明

Nginx の主な設定ファイルは nginx.conf で、グローバル ブロック、イベント ブロック...

MySQL を使用してポート 3306 を開いたり変更したり、Ubuntu/Linux 環境でアクセス許可を開く

オペレーティングシステム: Ubuntu 17.04 64ビットMySQL バージョン: MySQL...

vue+element で動的スキニングを実装するためのサンプルコード

プロジェクトのテーマがすべての人の美的感覚を満足できないこともあります。このとき、スキン変更機能は非...

CSS を使用して HTML フォーム コントロールを美しくする詳細な例 (フォームの美化)

1. HTML送信ボタンと下部ボタンの基本構文構造1. HTML送信ボタン入力タグで type=&...

MySQL 8.0.24 バージョンのインストールと設定方法のグラフィックチュートリアル

この記事ではMySQL 8.0.24バージョンのインストールと設定方法を記録し、皆さんと共有しますM...

MySQLクエリ最適化プロセスを理解する

目次パーサーとプリプロセッサクエリオプティマイザーMySQL クエリの最適化には、解析、前処理、最適...

Vue3 の参照と参照の詳細

エディターは、Vue3のデータの関連する問題も共有します。次のような例を見てみましょう。 Vue.c...

CentOS7 での PostgreSQL 11 の詳細なインストールと設定のチュートリアル

1. 公式ウェブサイトアドレス公式サイトではインストールの参考手順が紹介されています。公式サイトを見...

CSSアニメーションがJSによってブロックされるかどうかについての簡単な議論

CSS のアニメーション部分は JS によってブロックされますが、transform のアニメーショ...

Linux で特定のユーザーまたはユーザー グループに対して SSH を有効または無効にする方法

会社の基準により、特定のユーザーだけに Linux システムへのアクセスを許可することができます。あ...

JavaScript は 9 グリッドのクリックによる色の変更効果を実装します

この記事では、9グリッドクリックの色変更効果を実現するためのJavaScriptの具体的なコードを参...

テーブルを開く際のMySQLスレッドの問題の解決方法

問題の説明最近、MySQL5.6.21サーバーがありました。アプリケーションがリリースされた後、同時...

Nginx リバース プロキシと負荷分散を実装する方法 (Linux ベース)

ここで nginx のリバース プロキシを試してみましょう。リバースプロキシ方式とは、インターネット...

sqlite を mysql スクリプトに移行する方法

さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 パーレル # # https:/...

CSS属性のマージンの理解について話す

1.マージンとは何ですか?マージンは、要素の周囲のスペースの間隔を制御するために使用され、視覚的にス...