質問編集履歴

1

書式の改善

2019/08/21 04:08

投稿

popeye_373
popeye_373

スコア3

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,32 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
+ 以下のHTMLに対応するjavaScriptを作成中です。
4
+
3
- テキストボックスnum1に入力された数値を受け取りたいです。
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
- ```javaScript
49
+ ```<!DOCTYPE html>
26
50
 
27
- const getNum1=()=>{
51
+ <html lang="ja">
28
52
 
29
- return getNum1();
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