回答編集履歴

1

雑な解決方法を真っ当な解決方法に差し替え

2021/02/13 21:17

投稿

AT_2nd
AT_2nd

スコア266

test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  また、htmlの側でcalcAddをインポートしているわけではないので、それへの対応が必要です。
4
4
 
5
- 今回はグローバルオブジェクトに雑にぶち込みます。
5
+ onclickで関数を呼び出せていないので、ここも修正します。
6
6
 
7
7
  ```javascript
8
8
 
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- window.calcAdd = function(){
15
+ export function calcAdd(){
16
16
 
17
17
  let answer = add(1, 2);
18
18
 
@@ -22,11 +22,33 @@
22
22
 
23
23
  ```
24
24
 
25
- onclickで関数を呼び出せていないので、ここも修正します。
26
-
27
25
  ```html
28
26
 
27
+ <!DOCTYPE html>
28
+
29
+ <html lang="ja">
30
+
31
+ <head>
32
+
33
+ <meta charset="UTF-8">
34
+
35
+ <script type="module">
36
+
37
+ import {calcAdd} from "./example1.js";
38
+
39
+ window.calcAdd = calcAdd;
40
+
41
+ </script>
42
+
43
+ </head>
44
+
45
+ <body>
46
+
29
- <input type="button" value="hoge" onclick="calcAdd()">
47
+ <input type="button" value="hoge" onclick="calcAdd()">
48
+
49
+ </body>
50
+
51
+ </html>
30
52
 
31
53
  ```
32
54