質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.42%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

636閲覧

【原因不明】コードが正常に実行されない

Iris-8

総合スコア6

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

3クリップ

投稿2024/06/02 05:15

編集2024/06/07 08:33

ロシアンソリティアを制作中です。

問題点

なぜか正常に動作しません。
Playgroundではスタート画面は出ますが、スタートボタンを押すとエラーコードが出てカードが並べられません。また、一時停止のボタンを押しても同じエラーが出ます。(ReferenceError)

Google Chromeの検証ではスタート画面が出てスタートを押して1回目のカードの移動までは動きますが、2回目にカードを動かすことができません。Google Chromeではエラーコードは出ません。

試行回数の度にカーソルと対象の位置がずれていくバグも直りません。

ソースコードのURL

https://playcode.io/1892863

実装したいこと

①立ち上げたらスタート画面が出る
②スタートボタンを押したら時間測定されて、カードが並べられる
③ルール通りにカードを移動できる
④ストップを押したら時間が止まって一時停止の画面が出る
⑤設定やルールを押すとそれぞれの画面が出る
⑤クリアしたらゲームクリアの画面が出る

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2024/06/03 00:10

全体像が見えないです 最低限現状が確認できるデータの提示をお願いします
juner

2024/06/03 00:10

追加した後の最小限のHTMLがほしい感じがしますが、その情報なしで再現できますでしょうか?(もしくは playground を用意できますでしょうか?
Iris-8

2024/06/03 02:24

コメントありがとうございます。 データが不足してしまい大変申し訳ございません。 全体のコードをplaygroundに追加しました。 ご確認よろしくお願いいたします。
juner

2024/06/07 07:32

playground、style にアクセスできなくてエラーになっていませんでしょうか?(consoleタブ参照
Iris-8

2024/06/07 07:47

styleにアクセスできないというエラーコードはmain.jsの1行目に出ています。ですが'set'というidはindex.htmlの73行目に記述されています。どうすれば解決できるか分かりません。
Iris-8

2024/06/07 10:36

ご回答ありがとうございます。 bodyタグの末尾に1つのjsにまとめて移動させたらエラーが出なくなりました。なお、マウスとカーソルの位置が合わない点や2回目以降のドラッグ&ドロップができない点は未解決ですが、一旦ベストアンサーに選ばさせてください!!未解決の点はまた新しく質問したいと思います。
juner

2024/06/07 11:16

むしろ、何をしたかを自分で書いてそれをベストアンサーに選んで自己解決でいいと思われますよ……。
Iris-8

2024/06/07 12:00

ありがとうございました!その後、カーソルのズレやカードが動かなくなる点もドロップ後にpos.xとpos.y(位置)に0を代入することで解決し、おかげさまで完成しました!!
guest

回答1

0

自己解決

JavaScriptの関数が読み込まれなくてRefference Errorが出ていたが、bodyタグの末尾にscriptのファイルを挿入して実行順序を変えて解決。

投稿2024/06/07 11:35

Iris-8

総合スコア6

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.42%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問