質問編集履歴
1
書式の改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
|
+
以下のHTMLに対応するjavaScriptを作成中です。
|
|
2
|
-
|
|
3
|
+
①num1に入力した数値を受け取る
|
|
4
|
+
const getNum1 = () => {
|
|
5
|
+
// num1の数値を戻り値としてreturnする処理};
|
|
3
6
|
|
|
7
|
+
②num2に入力した数値を受け取る
|
|
8
|
+
const getNum2 = () => {
|
|
9
|
+
// num2の数値を戻り値としてreturnする処理};
|
|
10
|
+
|
|
11
|
+
③結果を<div id="box">内に表示する
|
|
12
|
+
const showResult = (num) => {
|
|
13
|
+
// <div id="box">にnumを表示する処理};
|
|
14
|
+
|
|
15
|
+
①から③を使って作成するよう指示があります。
|
|
4
16
|
### 発生している問題・エラーメッセージ
|
|
5
17
|
|
|
6
18
|
```
|
|
@@ -10,17 +22,33 @@
|
|
|
10
22
|
|
|
11
23
|
### 該当のソースコード
|
|
12
24
|
|
|
25
|
+
```<!DOCTYPE html>
|
|
26
|
+
<html lang="ja">
|
|
13
|
-
|
|
27
|
+
<head>
|
|
28
|
+
<meta charset="utf-8">
|
|
29
|
+
<title>JavaScript Test</title>
|
|
14
|
-
|
|
30
|
+
</head>
|
|
31
|
+
<body>
|
|
32
|
+
<div>
|
|
33
|
+
<input type="text" id="num1">
|
|
34
|
+
<input type="text" id="num2">
|
|
35
|
+
</div>
|
|
36
|
+
<button type="button" id="button-add">+</button>
|
|
37
|
+
<button type="button" id="button-sub">-</button>
|
|
38
|
+
<button type="button" id="button-mul">*</button>
|
|
39
|
+
<button type="button" id="button-div">/</button>
|
|
40
|
+
<div id="box"></div>
|
|
41
|
+
<script src="main.js"></script>
|
|
42
|
+
</body>
|
|
15
|
-
|
|
43
|
+
</html>
|
|
16
|
-
};
|
|
17
44
|
```
|
|
18
45
|
|
|
19
46
|
### 試したこと
|
|
20
47
|
|
|
21
|
-
基本的なことですみません。
|
|
48
|
+
基本的なことですみません。質問内容を変更してみました。
|
|
22
49
|
文法的なものだと思うのですが、調べてもわかりませんので分かる方教えて下さい。
|
|
23
|
-
|
|
50
|
+
①のnum1の数値を戻り値としてreturnする処理からコードが書けず、困っています。
|
|
51
|
+
よろしくお願いします。
|
|
24
52
|
### 補足情報（FW/ツールのバージョンなど）
|
|
25
53
|
|
|
26
54
|
ここにより詳細な情報を記載してください。
|