回答編集履歴
10
テキスト修正
answer
CHANGED
|
@@ -39,4 +39,4 @@
|
|
|
39
39
|
---
|
|
40
40
|
**追記2**
|
|
41
41
|
|
|
42
|
-
データ行が複数の場合： [https://jsfiddle.net/jun68ykt/p2uj40xn/
|
|
42
|
+
データ行が複数の場合： [https://jsfiddle.net/jun68ykt/p2uj40xn/43/](https://jsfiddle.net/jun68ykt/p2uj40xn/43/)
|
9
テキスト修正
answer
CHANGED
|
@@ -34,4 +34,9 @@
|
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
以上です。
|
|
37
|
-
参考になれば幸いです。
|
|
37
|
+
参考になれば幸いです。
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
**追記2**
|
|
41
|
+
|
|
42
|
+
データ行が複数の場合： [https://jsfiddle.net/jun68ykt/p2uj40xn/40/](https://jsfiddle.net/jun68ykt/p2uj40xn/40/)
|
8
テキスト修正
answer
CHANGED
|
@@ -29,5 +29,9 @@
|
|
|
29
29
|
|
|
30
30
|
・平米数を入力する `<input>` では、少数点（ピリオド）も受け付けますが、`50.85.`のように少数点が２個あると、不正な入力と判断して背景を赤くします。
|
|
31
31
|
|
|
32
|
+
・以下、入力・表示例です。（※入力した坪単価は、これを書いている時点での東京都港区の賃貸物件の家賃相場を某サイトで調べた数字です）
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
32
36
|
以上です。
|
|
33
37
|
参考になれば幸いです。
|
7
テキスト修正
answer
CHANGED
|
@@ -8,4 +8,26 @@
|
|
|
8
8
|
|
|
9
9
|
- サンプル： [https://jsfiddle.net/jun68ykt/m248kL0c/24/](https://jsfiddle.net/jun68ykt/m248kL0c/24/)
|
|
10
10
|
|
|
11
|
-
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/112/](https://jsfiddle.net/jun68ykt/m248kL0c/112/)
|
|
11
|
+
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/112/](https://jsfiddle.net/jun68ykt/m248kL0c/112/)
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
**追記**
|
|
15
|
+
|
|
16
|
+
テーブルを使って、以下を作成しました。
|
|
17
|
+
|
|
18
|
+
[https://jsfiddle.net/jun68ykt/p2uj40xn/37/](https://jsfiddle.net/jun68ykt/p2uj40xn/37/)
|
|
19
|
+
|
|
20
|
+
以下補足説明です。
|
|
21
|
+
|
|
22
|
+
・`0.3025`という数字と、`tsubo`という変数名から、広さの単位の平米を坪に変換するものと解釈しました。
|
|
23
|
+
|
|
24
|
+
・また、`kingaku = tsubo * se01_c` で金額を求めており、`sec01_c` は坪単価と解釈しました。
|
|
25
|
+
|
|
26
|
+
・上記の解釈にそって、テーブルのヘッダ `<th>` を追加しました。
|
|
27
|
+
|
|
28
|
+
・ input のイベントハンドラは、JavaScriptのコードの中で、inputイベントに対して設定しています。
|
|
29
|
+
|
|
30
|
+
・平米数を入力する `<input>` では、少数点（ピリオド）も受け付けますが、`50.85.`のように少数点が２個あると、不正な入力と判断して背景を赤くします。
|
|
31
|
+
|
|
32
|
+
以上です。
|
|
33
|
+
参考になれば幸いです。
|
6
テキスト修正
answer
CHANGED
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
|
|
9
9
|
- サンプル： [https://jsfiddle.net/jun68ykt/m248kL0c/24/](https://jsfiddle.net/jun68ykt/m248kL0c/24/)
|
|
10
10
|
|
|
11
|
-
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/
|
|
11
|
+
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/112/](https://jsfiddle.net/jun68ykt/m248kL0c/112/)
|
5
テキスト修正
answer
CHANGED
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
|
|
9
9
|
- サンプル： [https://jsfiddle.net/jun68ykt/m248kL0c/24/](https://jsfiddle.net/jun68ykt/m248kL0c/24/)
|
|
10
10
|
|
|
11
|
-
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/
|
|
11
|
+
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/72/](https://jsfiddle.net/jun68ykt/m248kL0c/72/)
|
4
テキスト修正
answer
CHANGED
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
|
|
9
9
|
- サンプル： [https://jsfiddle.net/jun68ykt/m248kL0c/24/](https://jsfiddle.net/jun68ykt/m248kL0c/24/)
|
|
10
10
|
|
|
11
|
-
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/
|
|
11
|
+
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/55/](https://jsfiddle.net/jun68ykt/m248kL0c/55/)
|
3
テキスト修正
answer
CHANGED
|
@@ -6,4 +6,6 @@
|
|
|
6
6
|
document.getElementById('kingaku').innerHTML = isNaN(kingaku) ? "" : kingaku.toLocaleString('ja-JP');
|
|
7
7
|
```
|
|
8
8
|
|
|
9
|
-
サンプル： [https://jsfiddle.net/jun68ykt/m248kL0c/24/](https://jsfiddle.net/jun68ykt/m248kL0c/24/)
|
|
9
|
+
- サンプル： [https://jsfiddle.net/jun68ykt/m248kL0c/24/](https://jsfiddle.net/jun68ykt/m248kL0c/24/)
|
|
10
|
+
|
|
11
|
+
- コメントからご指摘の点を反映したもの： [https://jsfiddle.net/jun68ykt/m248kL0c/48/](https://jsfiddle.net/jun68ykt/m248kL0c/48/)
|
2
テキスト修正
answer
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
こんにちは。
|
|
2
2
|
|
|
3
|
-
`kingaku` の表示をカンマ区切りにするためには、以下のように、[Number.prototype.toLocaleString()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString)を使ってみるのはいかがでしょう？
|
|
3
|
+
`kingaku` の表示をカンマ区切りにするためには、以下のように、[Number.prototype.toLocaleString()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString)を使ってみるのはいかがでしょう？ (※三項演算子を使いNaNのときに空文字列にする処理も含めました）
|
|
4
4
|
|
|
5
5
|
```
|
|
6
|
-
document.getElementById('kingaku').innerHTML = kingaku.toLocaleString('ja-JP');
|
|
6
|
+
document.getElementById('kingaku').innerHTML = isNaN(kingaku) ? "" : kingaku.toLocaleString('ja-JP');
|
|
7
7
|
```
|
|
8
8
|
|
|
9
|
-
サンプル： [https://jsfiddle.net/jun68ykt/m248kL0c/
|
|
9
|
+
サンプル： [https://jsfiddle.net/jun68ykt/m248kL0c/24/](https://jsfiddle.net/jun68ykt/m248kL0c/24/)
|
1
テキスト修正
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
こんにちは。
|
|
2
2
|
|
|
3
|
-
以下のように、[Number.prototype.toLocaleString()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString)を使ってみるのはいかがでしょう？
|
|
3
|
+
`kingaku` の表示をカンマ区切りにするためには、以下のように、[Number.prototype.toLocaleString()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString)を使ってみるのはいかがでしょう？
|
|
4
4
|
|
|
5
5
|
```
|
|
6
6
|
document.getElementById('kingaku').innerHTML = kingaku.toLocaleString('ja-JP');
|