質問編集履歴

4

ID名修正

2020/02/06 05:50

投稿

xyunow
xyunow

スコア122

test CHANGED
File without changes
test CHANGED
@@ -104,7 +104,7 @@
104
104
 
105
105
 
106
106
 
107
- document.getElementById("open").addEventListener("click", util.modalOpen(), false);
107
+ document.getElementById("js_open").addEventListener("click", util.modalOpen(), false);
108
108
 
109
109
  ```
110
110
 

3

編集

2020/02/06 05:50

投稿

xyunow
xyunow

スコア122

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  JavaScriptのimport・exportを使って、buttonをクリックするとconsoleにテキストが表示される処理を書きたいです。
2
2
 
3
- 現在記載している内容で思った通りには動くのですが、
3
+ 最初に記載している内容で思った通りには動くのですが、
4
4
 
5
5
  index.mjsのほうにaddEventListenerの処理をもってくるほうが、
6
6
 
@@ -8,13 +8,15 @@
8
8
 
9
9
  index.mjsのほうに以下の一文を書き、utility.mjsのほうは関数とconsole.logだけにしてみたのですが、読み込み時にconsole.logが一度動くだけで、想定していた動作にはなりませんでした。
10
10
 
11
- > document.getElementById(idName).addEventListener("click", util.modalOpen("js_open"), false);
11
+ (想定していた動作にならなかった方のコードは質問下部に記載しています)
12
12
 
13
13
 
14
14
 
15
15
  なにか良い方法かまたは正しい書き方はこっちだよというのがあれば教えていただきたいです。
16
16
 
17
17
 
18
+
19
+ ↓元コード
18
20
 
19
21
  ```javascript
20
22
 
@@ -87,3 +89,35 @@
87
89
  </html>
88
90
 
89
91
  ```
92
+
93
+ ↓書き換え後(想定通りに動作しなかった)
94
+
95
+ ```javascript
96
+
97
+ // 書き換え後のindex.mjs
98
+
99
+ import * as util from './utility.mjs'
100
+
101
+
102
+
103
+ ///////////////////////////////////////////////////////////////////////
104
+
105
+
106
+
107
+ document.getElementById("open").addEventListener("click", util.modalOpen(), false);
108
+
109
+ ```
110
+
111
+
112
+
113
+ ```javascript
114
+
115
+ // 書き換え後のutility.mjs
116
+
117
+ export function modalOpen() {
118
+
119
+ console.log("hello");
120
+
121
+ }
122
+
123
+ ```

2

タイトル修正

2020/02/06 05:47

投稿

xyunow
xyunow

スコア122

test CHANGED
@@ -1 +1 @@
1
- jsのimport/export時のクリックイベントについて
1
+ jsのimport/export時のクリックイベントの書き方について
test CHANGED
File without changes

1

書式の改善

2020/02/06 05:32

投稿

xyunow
xyunow

スコア122

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  現在記載している内容で思った通りには動くのですが、
4
4
 
5
- index.mjsのほうにaddEventListenerの処理をもってくるほうが、使うID名やイベントがわかって良いのかなと思い、
5
+ index.mjsのほうにaddEventListenerの処理をもってくるほうが、
6
+
7
+ 関数が増えて来たときに使うID名やイベントがひと目で見れて良いのかなと思い、
6
8
 
7
9
  index.mjsのほうに以下の一文を書き、utility.mjsのほうは関数とconsole.logだけにしてみたのですが、読み込み時にconsole.logが一度動くだけで、想定していた動作にはなりませんでした。
8
10