質問編集履歴
1
書式の改善
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,8 +1,32 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
|
3
|
+
以下のHTMLに対応するjavaScriptを作成中です。
|
4
|
+
|
3
|
-
|
5
|
+
①num1に入力した数値を受け取る
|
6
|
+
|
7
|
+
const getNum1 = () => {
|
8
|
+
|
9
|
+
// num1の数値を戻り値としてreturnする処理};
|
4
10
|
|
5
11
|
|
12
|
+
|
13
|
+
②num2に入力した数値を受け取る
|
14
|
+
|
15
|
+
const getNum2 = () => {
|
16
|
+
|
17
|
+
// num2の数値を戻り値としてreturnする処理};
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
③結果を<div id="box">内に表示する
|
22
|
+
|
23
|
+
const showResult = (num) => {
|
24
|
+
|
25
|
+
// <div id="box">にnumを表示する処理};
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
①から③を使って作成するよう指示があります。
|
6
30
|
|
7
31
|
### 発生している問題・エラーメッセージ
|
8
32
|
|
@@ -22,13 +46,43 @@
|
|
22
46
|
|
23
47
|
|
24
48
|
|
25
|
-
```
|
49
|
+
```<!DOCTYPE html>
|
26
50
|
|
27
|
-
|
51
|
+
<html lang="ja">
|
28
52
|
|
29
|
-
|
53
|
+
<head>
|
30
54
|
|
55
|
+
<meta charset="utf-8">
|
56
|
+
|
57
|
+
<title>JavaScript Test</title>
|
58
|
+
|
59
|
+
</head>
|
60
|
+
|
61
|
+
<body>
|
62
|
+
|
31
|
-
|
63
|
+
<div>
|
64
|
+
|
65
|
+
<input type="text" id="num1">
|
66
|
+
|
67
|
+
<input type="text" id="num2">
|
68
|
+
|
69
|
+
</div>
|
70
|
+
|
71
|
+
<button type="button" id="button-add">+</button>
|
72
|
+
|
73
|
+
<button type="button" id="button-sub">-</button>
|
74
|
+
|
75
|
+
<button type="button" id="button-mul">*</button>
|
76
|
+
|
77
|
+
<button type="button" id="button-div">/</button>
|
78
|
+
|
79
|
+
<div id="box"></div>
|
80
|
+
|
81
|
+
<script src="main.js"></script>
|
82
|
+
|
83
|
+
</body>
|
84
|
+
|
85
|
+
</html>
|
32
86
|
|
33
87
|
```
|
34
88
|
|
@@ -38,11 +92,13 @@
|
|
38
92
|
|
39
93
|
|
40
94
|
|
41
|
-
基本的なことですみません。
|
95
|
+
基本的なことですみません。質問内容を変更してみました。
|
42
96
|
|
43
97
|
文法的なものだと思うのですが、調べてもわかりませんので分かる方教えて下さい。
|
44
98
|
|
99
|
+
①のnum1の数値を戻り値としてreturnする処理からコードが書けず、困っています。
|
45
100
|
|
101
|
+
よろしくお願いします。
|
46
102
|
|
47
103
|
### 補足情報(FW/ツールのバージョンなど)
|
48
104
|
|