回答編集履歴

2

修正漏れ

2020/10/11 10:25

投稿

kuma_kuma_
kuma_kuma_

スコア2506

test CHANGED
@@ -108,7 +108,7 @@
108
108
 
109
109
  ```
110
110
 
111
- この場合5が表示され「終了しました」表示されます。
111
+ ~~この場合5が表示され「終了しました」表示されます。~~
112
112
 
113
113
  実際の動きが違う事で想定されるのはCSVの改行ぐらいですが
114
114
 

1

追記

2020/10/11 10:25

投稿

kuma_kuma_
kuma_kuma_

スコア2506

test CHANGED
@@ -8,11 +8,37 @@
8
8
 
9
9
  <meta charset="UTF-8">
10
10
 
11
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
12
+
11
13
  <script>
12
14
 
13
15
  let data;
14
16
 
15
- const content='1,2\r\n3,4\r\n5,6';
17
+ var content='';
18
+
19
+ content += '"apple","りんご"\r\n';
20
+
21
+ content += '"apple","りんご"\r\n';
22
+
23
+ content += '"function","関数"\r\n';
24
+
25
+ content += '"hey", "へい"\r\n';
26
+
27
+ content += '"black","黒"\r\n';
28
+
29
+ content += '"color", "色"\r\n';
30
+
31
+ content += '"banana", "バナナ"\r\n';
32
+
33
+ content += '"red", "赤"\r\n';
34
+
35
+ content += '"orange", "オレンジ"\r\n';
36
+
37
+ content += '"happy", "幸せ"\r\n';
38
+
39
+ content += '"blue", "青"';
40
+
41
+
16
42
 
17
43
  data=content.split(/[\r\n]+/).map(x=>(y=x.split(","),{spelling:y[0],meaning:y[1]}));
18
44
 
@@ -40,11 +66,11 @@
40
66
 
41
67
  window.alert("終了しました");
42
68
 
43
- return;
69
+ break;
44
70
 
45
71
  }else{
46
72
 
47
- document.getElementById("question").value = word.spelling
73
+ document.getElementById("question").value += word.spelling
48
74
 
49
75
  }
50
76
 
@@ -66,19 +92,15 @@
66
92
 
67
93
  <div class="start">
68
94
 
69
- <form>
95
+ <button onclick="Next();">
70
96
 
71
- <button onclick="Next() ;">
97
+ NEXT
72
98
 
73
- NEXT
74
-
75
- </button>
99
+ </button>
76
-
77
- </form>
78
100
 
79
101
  </div>
80
102
 
81
- <input id="question">
103
+ <textarea id="question"></textarea>
82
104
 
83
105
  </body>
84
106
 
@@ -91,3 +113,17 @@
91
113
  実際の動きが違う事で想定されるのはCSVの改行ぐらいですが
92
114
 
93
115
  本当に「/r/n」で改行されていますか?
116
+
117
+
118
+
119
+ 追記
120
+
121
+ いただいた内容で確認しました。
122
+
123
+ 質問者様の「表示されない」が「"終了しました"」と表示された後内容がクリアになる現象を表すのなら
124
+
125
+ <button>を<form>で囲んでいるからです。
126
+
127
+ ※ あと<input>を使うのであればtype指定も行ってください。
128
+
129
+ (今回は複数行用に<textarea>へ変更しています。)