質問編集履歴

3

追加したコードを追記

2019/12/28 23:15

投稿

theplace
theplace

スコア24

test CHANGED
File without changes
test CHANGED
@@ -59,3 +59,21 @@
59
59
  localhostが自分のパソコンのどこのディレクトリを指しているのかわかりません。
60
60
 
61
61
  「http://localhost/」でアクセスすると「it works!」と表示されます(Macです)。
62
+
63
+
64
+
65
+ (追記)
66
+
67
+ 以下の記載により、正常にデータがlocalstrageに保存できました。
68
+
69
+ ```
70
+
71
+ var storage = new MyStorage('bbb');
72
+
73
+ storage.setItem('hoge', 'ほげ');
74
+
75
+ console.log(storage.getItem('hoge'));
76
+
77
+ storage.save();
78
+
79
+ ```

2

アクセスの方法を具体的に追記

2019/12/28 23:15

投稿

theplace
theplace

スコア24

test CHANGED
File without changes
test CHANGED
@@ -48,7 +48,11 @@
48
48
 
49
49
  しかし、ローカルから直接実行する`file:///・・`の書き方だとうまくいかないようです。
50
50
 
51
+ 具体的にはローカルのディレクトリにある「MyStrage.html」をダブルクリックして実行しました。
52
+
53
+ しかしブラウザの開発ツールのApplicationを確認しても、localstrageにデータは特に追加されていないので失敗しているようでした。
54
+
51
- テキストでは`http://localhost/・・`のようにアクセスしていました。
55
+ そこでテキストを確認したところ、`http://localhost/・・`のようにアクセスしていました。
52
56
 
53
57
  そこで私もこのやり方で実行したいのですが、どのように書けばいいのでしょうか。
54
58
 

1

ソースコードが間違っていたため修正

2019/12/26 22:18

投稿

theplace
theplace

スコア24

test CHANGED
File without changes
test CHANGED
@@ -8,13 +8,15 @@
8
8
 
9
9
  <script>
10
10
 
11
- var MyStorage = function (app) {
11
+ var MyStorage = function (app) {
12
12
 
13
- this.app = app;
13
+ this.app = app;
14
14
 
15
- this.storage = localStorage;
15
+ this.storage = localStorage;
16
16
 
17
- this.data = JSON.parse(this.storage[this.app] || '{}');
17
+ this.data = JSON.parse(this.storage[this.app] || '{}');
18
+
19
+ }
18
20
 
19
21
  MyStorage.prototype = {
20
22
 
@@ -38,11 +40,7 @@
38
40
 
39
41
  }
40
42
 
41
- }
42
-
43
43
  </script>
44
-
45
-
46
44
 
47
45
  ```
48
46