JavaScriptのLocalStrageについて

テキストボックスから受け取ったデータを保存してブラウザを閉じても次に開いたら表示されているというプログラムを作りたいのですがうまくいきません

JavaScript
1<html>
2    <head>
3        <meta charset="UTF-8">
4        <title>TItle</title>
5
6        
7    </head>
8    <body>
9        <input type="text" id="text">
10        <button onclick="addText();">addText</button>
11        <div id="test"></div>
12
13        <script>
14            var e = document.getElementById('test');
15            function addText(){
16                
17                var a = document.getElementById('text').value;
18                e.insertAdjacentHTML('beforeend', a);
19                // testRun
20                localStorage.setItem("a", a);
21
22                
23            }
24            window.onload = function(){
25                
26                var g = localStorage.getItem("a");
27                e.insertAdjacentHTML('beforeend', g + "<br>");
28            }
29            
30            
31        </script>
32        
33    </body>
34</html>

どうすれば保存した値を表示できるのでしょうか？

追記

JavaScript
1
2<html>
3    <head>
4        <meta charset="UTF-8">
5        <title>TItle</title>
6
7        
8    </head>
9    <body>
10        <input type="text" id="text">
11        <button onclick="addText();">addText</button>
12        <div id="test"></div>
13
14        <script>
15
16            var s = localStorage;
17            var t = document.getElementById('test');
18            var a = [];
19            function addText(){
20                var m = document.getElementById('text').value;
21                a.push(m);
22                s.setItem('memoData', a);
23                location.reload(true)
24
25            }
26            window.onload = function (){   
27                a.push(s.getItem('memoData'));
28                for (var i = 0; i < a.length; i++){
29                    t.innerHTML = a[i] + "<br>";
30                }
31            }
32            
33
34        </script>
35        
36    </body>
37</html>