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 は動的と静的の分離を実装します 例の説明

推薦する

Reactフック入門チュートリアル

ステートフック例: 'react' から useState をインポートします。 関...

Ubuntu で nvidia グラフィック ドライバーをインストールする (簡単なインストール方法)

Ubuntu で nvidia グラフィック カード ドライバーをインストールします。同じ方法で ...

React コンポーネントのコンストラクタとスーパーの知識ポイントのまとめ

1. Reactでクラス宣言する際のヒント 上記のように、Child クラスは class キーワー...

Linux netfilter/iptables の知識ポイントの詳細な説明

ネットフィルターNetfilter は、パケット フィルタリング、転送、およびアドレス変換 NAT ...

メタビューポートタグ(モバイルブラウジングズームコントロール)の使用方法

OP が現在のファームウェアで Web ページを開くと、常に 50% にズームアウトされてから表示さ...

Tomcat 例外の解決方法 (リクエスト ターゲットに無効な文字が見つかりました。有効な文字は RFC 7230 および RFC 3986 で定義されています)

1. シナリオ表示Tomcat ログに次の例外情報が時々報告されます。何が起こっているのでしょうか...

vuex での mapState の考え方の応用

目次1. マップ方式2. 応用背景:需要開発プロセス中に、一部のインターフェースは、ページに表示する...

EChartsマウスイベント処理方法の詳細な説明

イベントとは、クリック、マウスオーバー、ページの読み込み後にトリガーされる読み込みイベントなど、ユー...

初めてDockerイメージを構築、実行、公開、取得するための詳細な手順

1. はじめに以前は、Python アプリケーションの作成を開始したい場合、最初のステップはマシンに...

フロントエンドに必要なNginx設定の詳細な説明

Nginx (エンジン x) は、軽量で高性能な HTTP およびリバース プロキシ サーバーであり...

Docker+Jenkinsを使用して自動的にビルドおよびデプロイする

この記事では、Docker+Jenkins の自動ビルドデプロイメントを紹介し、皆さんと共有します。...

Dockerコンテナデータボリュームの原理と使用法の分析

コンテナデータボリュームとはデータがコンテナ内にある場合、コンテナを削除するとデータは失われます。例...

docker pull imageエラーの問題を解決する

説明する: Windows 10 に VM をインストールし、VM で Docker を実行し、Do...

HTML 内の CSS および JS リンクのバージョン番号 (キャッシュを更新)

背景検索エンジンで「.htaccess キャッシュ」というキーワードを検索すると、ウェブサイトのファ...

Vue の基本 MVVM、テンプレート構文、データバインディング

目次1. Vueの概要Vue公式サイトMVVM アーキテクチャ パターンVue の紹介2. Vueを...