回答編集履歴

1

ちょうせい

2021/05/12 06:04

投稿

yambejp
yambejp

スコア116734

test CHANGED
@@ -5,3 +5,55 @@
5
5
  formもきちんと閉じていませんし、ボタンが一つしか無いとドル/円なのか円/ドルなのかわかりません
6
6
 
7
7
  input要素もつかめてませんし(おそらく)HTML要素を0と比較するのもおかしいです
8
+
9
+
10
+
11
+ # 調整
12
+
13
+ ```javascript
14
+
15
+ <script>
16
+
17
+ const showMessage = x =>{
18
+
19
+ const rate=108;
20
+
21
+ const type=x.dataset.type;
22
+
23
+ let val=parseFloat(x.form.querySelector('[type=text]').value)||0;
24
+
25
+ val*=(type=="dollar"?rate:(1/rate));
26
+
27
+ document.querySelector('#output-message').textContent=val;
28
+
29
+ }
30
+
31
+ </script>
32
+
33
+ <p>¥から$に</p>
34
+
35
+ <p>¥を入力してください</p>
36
+
37
+ <form>
38
+
39
+ <input type="text">
40
+
41
+ <input type="button" onclick="showMessage(this)" value="exchange" data-type="yen">
42
+
43
+ </form>
44
+
45
+ <p>$から¥に</p>
46
+
47
+ <p>$を入力してください</p>
48
+
49
+ <form id="form2" action="#">
50
+
51
+ <input type="text" id="">
52
+
53
+ <input type="button" onclick="showMessage(this)" value="exchange" data-type="dollar">
54
+
55
+ </form>
56
+
57
+ <p id="output-message"></p>
58
+
59
+ ```