teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

コードの追記

2018/11/18 01:47

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -35,4 +35,46 @@
35
35
  </body>
36
36
  </html>
37
37
  ```
38
- どうすれば保存した値を表示できるのでしょうか?
38
+ どうすれば保存した値を表示できるのでしょうか?
39
+
40
+
41
+ 追記
42
+ ```JavaScript
43
+
44
+ <html>
45
+ <head>
46
+ <meta charset="UTF-8">
47
+ <title>TItle</title>
48
+
49
+
50
+ </head>
51
+ <body>
52
+ <input type="text" id="text">
53
+ <button onclick="addText();">addText</button>
54
+ <div id="test"></div>
55
+
56
+ <script>
57
+
58
+ var s = localStorage;
59
+ var t = document.getElementById('test');
60
+ var a = [];
61
+ function addText(){
62
+ var m = document.getElementById('text').value;
63
+ a.push(m);
64
+ s.setItem('memoData', a);
65
+ location.reload(true)
66
+
67
+ }
68
+ window.onload = function (){
69
+ a.push(s.getItem('memoData'));
70
+ for (var i = 0; i < a.length; i++){
71
+ t.innerHTML = a[i] + "<br>";
72
+ }
73
+ }
74
+
75
+
76
+ </script>
77
+
78
+ </body>
79
+ </html>
80
+ ```

2

コードの修正

2018/11/18 01:47

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -13,15 +13,19 @@
13
13
  <div id="test"></div>
14
14
 
15
15
  <script>
16
+ var e = document.getElementById('test');
16
17
  function addText(){
18
+
17
19
  var a = document.getElementById('text').value;
20
+ e.insertAdjacentHTML('beforeend', a);
21
+ // testRun
18
- localStorage.setItem("addTxt", a);
22
+ localStorage.setItem("a", a);
19
23
 
20
-
24
+
21
25
  }
22
26
  window.onload = function(){
23
- var e = document.getElementById('test');
27
+
24
- ver g = localStorage.getItem("allText");
28
+ var g = localStorage.getItem("a");
25
29
  e.insertAdjacentHTML('beforeend', g + "<br>");
26
30
  }
27
31
 

1

誤字

2018/11/17 05:38

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -22,7 +22,7 @@
22
22
  window.onload = function(){
23
23
  var e = document.getElementById('test');
24
24
  ver g = localStorage.getItem("allText");
25
- e.insertAdjacentHTML('beforeend', b + "<br>");
25
+ e.insertAdjacentHTML('beforeend', g + "<br>");
26
26
  }
27
27
 
28
28