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

推薦する

MySQLデータベースがNULLを可能な限り避ける理由

MySQL の多くのテーブルには、NULL が列のデフォルト属性であるため、アプリケーションが NU...

Workbench を介して MySQL データベースにリモートでアクセスする方法の詳細な説明

序文Workbench が 1 台のコンピューターにインストールされており、別の Ubuntu サー...

Taobao の商品画像切り替え効果を実現する JavaScript

JavaScriptの服装アルバム切り替え効果(Taobao商品画像切り替えに似ています)、参考ま...

Reactでプロキシを有効にする2つの実用的な方法

プロキシを有効にする2つの方法React には、直接使用できるカプセル化された Ajax リクエスト...

MySQL 重複インデックスと冗長インデックスの例の分析

この記事では、例を使用して MySQL の重複インデックスと冗長インデックスについて説明します。ご参...

CSS3はリストの無限スクロール/カルーセル効果を実現します

効果プレビューアイデア現在のリストを最後の項目までスクロールし、すぐに最初の項目に戻ります。問題1....

CSS フレキシブルレイアウト FLEX、メディアクエリ、モバイルクリックイベントの実装

フレックスレイアウト定義: Flexレイアウトの要素は、 Flex 、または略して「コンテナー」と呼...

「いいね!」機能では MySQL と Redis のどちらを使用すればよいでしょうか?

目次1. 初心者が陥りがちな間違い2. Iteratorのremove()メソッドを使用する3. f...

MySQL で B+ ツリー インデックスを使用する利点は何ですか?

この問題を理解する前に、まず MySQL テーブルのストレージ構造を確認し、次にバイナリ ツリー、マ...

ウェブサイト開発におけるフロントエンド開発者とアーティストの知識の違い

概要: 多くの企業、特にインターネット Web サイトを主な事業とする企業のほとんどが、「アーティス...

Vue3サンドボックスの仕組みの詳しい説明

目次序文ブラウザコンパイル版ローカルプリコンパイルバージョン要約する参照する序文vue3サンドボック...

ネイティブ js カスタム右クリック メニュー

この記事の例では、参考のためにjsカスタム右クリックメニューの具体的なコードを共有しています。具体的...

MySQL innodb例外の修復に関する経験の共有

テスト用の MySQL ライブラリのセット。以前使用されていたバージョンは、centos6 のデフォ...

UbuntuからMySQLを削除して再インストールする方法

まずmysqlを削除します: sudo apt-get remove mysql-*残ったデータをク...

Vue プロジェクト コード分割ソリューション

目次背景目的分割前プロセス設計ディレクトリ構造の設計問題分割後プロセス設計ディレクトリ構造の設計問題...