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

質問編集履歴

1

誤字の修正

2021/08/17 01:23

投稿

dm8200
dm8200

スコア0

title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  ```javascript
7
7
  formタグ内にあるinputタグのonclickが機能しません.
8
- ラジオボタンの”選択”中にも関数onClick(e)が機能してます。
8
+ ラジオボタンの”2”中にも関数onClick(e)が機能してます。
9
9
  ```
10
10
 
11
11
  ### 該当のソースコード
@@ -13,12 +13,10 @@
13
13
  ```HTML
14
14
  <body>
15
15
  <form name="form1">
16
- <input type="radio" name="canvas" value="作成" onclick="onclick(e);" checked /> 作成
16
+ <input type="radio" name="button" value="1" onclick="onclick(e);" checked /> 1
17
- <input type="radio" name="canvas" value="選択" onclick="別の関数;"/> 選択
17
+ <input type="radio" name="button" value="2" onclick="別の関数;"/> 2
18
18
  </form>
19
- <canvas id="canvas" width="600" height="400">
20
- <script src="canvas-operation.js"></script>
19
+ <script src="operation.js"></script>
21
- </canvas>
22
20
  </body>
23
21
 
24
22
 
@@ -27,12 +25,9 @@
27
25
  var canvas = document.getElementById("canvas");
28
26
 
29
27
  function onClick(e) {
30
- console.log("click");
31
- var x = e.clientX - canvas.offsetLeft;
32
- var y = e.clientY - canvas.offsetTop;
33
- console.log("x:", x, "y:", y);
34
- //描画は省略
28
+ //関数中身は省略
35
29
 
30
+
36
31
   canvas.addEventListener('click', onClick, false);
37
32
  ```
38
33