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

推薦する

CentOS 7.0 (mysql-5.7.21) で複数の MySQL インスタンスを起動する方法

設定手順Linux システム: CentOS-7.0 MySQL バージョン: 5.7.21 Lin...

div+cssとウェブ標準ページの利点

div 要素は、HTML ドキュメント内のブロックレベル コンテンツの構造と背景を提供するために使用...

2つのシンプルなメニューナビゲーションバーの例

メニューバーの例 1: コードをコピーコードは次のとおりです。 <!DOCTYPE html ...

Linux でのソース パッケージ インストールのサービス管理

目次1. ソースパッケージサービスの起動管理2. ソースパッケージサービスのセルフスタート管理3. ...

CSSボックスの表示/非表示とトップレイヤーの実装コード

.imgbox{ 幅: 1200ピクセル; 高さ: 612px; 右マージン: 自動; 左マージン...

MySQLクエリステートメント内のユーザー変数のコード分析

前回の記事では、MySQL 最適化の概要 - クエリの合計数を紹介しました。この記事では、クエリ ス...

MySQL で not in を使用して null 値を含める問題を解決する

知らせ! ! ! uid が (a,b,c,null) に含まれないユーザーから * を選択します。...

画像ブラインド表示の効果を実現するための純粋な CSS の例

まず、完成した効果をお見せしましょう 主なアイデア: 実際、このブラインドは一種の手品を使用していま...

Tomcat のメモリ構成の正しい姿勢についての簡単な説明

1. 背景多くのブログや記事を読みましたが、JVM のメモリ割り当て方法に関する包括的な記事は見つか...

Vue再帰コンポーネントの簡単な使用例

序文多くの学生は既に再帰に精通していると思います。アルゴリズムの問​​題を解決するために再帰がよく使...

img タグの src 属性値が空の場合の 2 つのリクエストの問題 (IE 以外のブラウザ)

img src 値が空の場合、リクエストが 2 つ行われます。一部の学生は以前に同様の状況に遭遇した...

CSSスタイルシートとフォーマットレイアウトの詳細な説明

スタイルシートCSS (カスケーディング スタイル シート) は、HTML Web ページを美しくす...

MySQLで関連テーブルを削除する実用的な方法

MySQL データベースでは、テーブルが互いに関連付けられた後は、それらを任意に削除することはできま...

Centos8で静的IPを設定する方法の詳細な説明

CentOS 8をインストールした後、ネットワークを再起動すると次のエラーが表示されますエラーメッセ...

vue3を使用してAppleシステムのサイドメッセージプロンプト効果を模倣する

目次アニメーションプレビューその他のUIライブラリ始めるコンポーネントディレクトリ構造トーストおおよ...