}オブジェクトが生成されました。デベロッパーツールで確認してみてください。}以下のようになります。スペードからクローバーまで、1~13が順番通り並びました。カードをシャッフル先ほどは1から順番に並んでいたので、それをシャッフルさせます。配列の中身をシャッフルする方法は以下を参照してください。shuffleCard();トランプ(画像)に置き換える先ほどは文字だけでしたが、以下はトランプ画像を表示させたいと思います。以下のように、トランプの画像を準備。フォルダ(img)に保存し、HTMLファイルと同じ階層におきます。カード情報の追加カード情報に、画像のURLを追加します。テーブルに表示するために、先ほどのコードの一部を書き換えます。`以下のように表示できました。一行加えて、カードの裏面を表示させます。カードをクリックしたときの関数(flip)も記述しておきましょう。}CSSは以下の通り。カードの表が表示されます。}以下は、カードをクリックしたときの関数です。1.3秒後にクラスが追加され、裏返ります。//カードを表にする。}クリックしてみてください。正誤の処理あとは正誤判定をし、二枚の数字があっていたら、カードを裏返さないようにします。正誤処理のコードは思ったより長くはないです。//表のカードをクリックしても何も反応させない。//backを取り除いて、カードを表にする。//2枚目だったら1枚目と比較して結果を判定する。}完成Twitterでシェアするprofileにほんブログ村パソコン好きなガオコロナ禍によるステイホームを機にプログラミングを学ぶ。パソコンに関してはプロではないが、ちょっと詳しい程度。