teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

2020/02/05 08:39

投稿

tako7
tako7

スコア7

title CHANGED
File without changes
body CHANGED
@@ -18,5 +18,16 @@
18
18
  htmlにコードを全て記載する。
19
19
  →記事としてコードエディターでHTMLを記載いたしました。
20
20
  →上記URLでいうところのボタンは表示されているので、コードエディターにHTMLを打ちこむところは大丈夫だと思っております。
21
+ →こちらボタンのコードです。
22
+ ```HTML
23
+
24
+ <div>
25
+ <button onmousedown="moveup()" onmouseup="clearmove()" ontouchstart="moveup()">上</button><br><br>
26
+ <button onmousedown="moveleft()" onmouseup="clearmove()" ontouchstart="moveleft()">左</button>
27
+ <button onmousedown="moveright()" onmouseup="clearmove()" ontouchstart="moveright()">右</button><br><br>
28
+ <button onmousedown="movedown()" onmouseup="clearmove()" ontouchstart="movedown()">下</button>
29
+ </div>
30
+
31
+ ```
21
32
  Scripts n Stylesを使ってhtmlとcssとjsを分けて記載する。
22
33
  canvasをワードプレスで使う方法を調べたりしました。

2

2020/02/05 08:39

投稿

tako7
tako7

スコア7

title CHANGED
File without changes
body CHANGED
@@ -3,6 +3,7 @@
3
3
  ここに質問の内容を詳しく書いてください。
4
4
  ワードプレス で作ったブログのようなサイトの投稿ページにJavaScriptで作ったゲームを表示したいです。
5
5
  ゲームの内容は下記のサイトにあるようなものです。
6
+
6
7
  https://www.w3schools.com/graphics/tryit.asp?filename=trygame_score
7
8
 
8
9
  ### 発生している問題・エラーメッセージ
@@ -16,5 +17,6 @@
16
17
  ### 試したこと
17
18
  htmlにコードを全て記載する。
18
19
  →記事としてコードエディターでHTMLを記載いたしました。
20
+ →上記URLでいうところのボタンは表示されているので、コードエディターにHTMLを打ちこむところは大丈夫だと思っております。
19
21
  Scripts n Stylesを使ってhtmlとcssとjsを分けて記載する。
20
22
  canvasをワードプレスで使う方法を調べたりしました。

1

2020/02/05 08:02

投稿

tako7
tako7

スコア7

title CHANGED
File without changes
body CHANGED
@@ -10,9 +10,11 @@
10
10
  ```
11
11
  JavaScriptがうまく読み取られていないのか、上記サイトでいうところのボタンしか表示されません。
12
12
  ページごとに違うJavaScriptを読み込ませるために良いと聞いたのでScripts n Stylesというプラグインを使いました。
13
+ →静的なHTML(canvasの枠すら表示されていない)のでJavaScriptの読み込みではなく、canvasをwordpressの記事に反映させることができていないのかもしれません。
13
14
  ```
14
15
 
15
16
  ### 試したこと
16
17
  htmlにコードを全て記載する。
18
+ →記事としてコードエディターでHTMLを記載いたしました。
17
19
  Scripts n Stylesを使ってhtmlとcssとjsを分けて記載する。
18
20
  canvasをワードプレスで使う方法を調べたりしました。