回答編集履歴
1
雑な解決方法を真っ当な解決方法に差し替え
answer
CHANGED
|
@@ -1,17 +1,28 @@
|
|
|
1
1
|
example2.jsが読み込まれていません。
|
|
2
2
|
また、htmlの側でcalcAddをインポートしているわけではないので、それへの対応が必要です。
|
|
3
|
-
|
|
3
|
+
onclickで関数を呼び出せていないので、ここも修正します。
|
|
4
4
|
```javascript
|
|
5
5
|
//こちらがexample1.js
|
|
6
6
|
import {add} from "./example2.js";//←.jsを忘れていた
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
export function calcAdd(){
|
|
9
9
|
let answer = add(1, 2);
|
|
10
10
|
console.log(answer);
|
|
11
11
|
}
|
|
12
12
|
```
|
|
13
|
-
onclickで関数を呼び出せていないので、ここも修正します。
|
|
14
13
|
```html
|
|
14
|
+
<!DOCTYPE html>
|
|
15
|
+
<html lang="ja">
|
|
16
|
+
<head>
|
|
17
|
+
<meta charset="UTF-8">
|
|
18
|
+
<script type="module">
|
|
19
|
+
import {calcAdd} from "./example1.js";
|
|
20
|
+
window.calcAdd = calcAdd;
|
|
21
|
+
</script>
|
|
22
|
+
</head>
|
|
23
|
+
<body>
|
|
15
|
-
<input type="button" value="hoge" onclick="calcAdd()">
|
|
24
|
+
<input type="button" value="hoge" onclick="calcAdd()">
|
|
25
|
+
</body>
|
|
26
|
+
</html>
|
|
16
27
|
```
|
|
17
28
|
以上です。
|