Javascript-форум - Как выводить localStorage в div

Надо вывести loaclStronge на другой странице.
1 страница:

<html>
<body>
<div class="FormTitle"> Ваш номер </div>
<div class="FormControl">
<input id="mynumber" type="text" placeholder="" class="textinput">
</div>
 
<div class="FormTitle">Ваши баллы</div>
<div class="FormControl">
<input type="text" id="mypoint" placeholder="0" class="textiput">
</div>
<script>
var number= document.getElementById('mynumber');
      number.value = localStorage.getItem('datanuber') || '';
          number.oninput = function() {
       localStorage.setItem('Numberinp', number.value);
      }
      
      var point= document.getElementById ('mypoint');
      point.value = localStorage.getItem('datapoint') || '';
      point.oninput = function() {
       localStorage.setItem('Pointinp', point.value);
</script>
</body>
</html>

2 страница:

<html>
<body>
<div class="output">Ваш номер: </div>
<div id="num" class="output"></div>
<div class="output">Ваши баллы: </div>
<div id="pt" class"output"></div>
</body>
</html>

Пробовал делать так:

<script>
var a =  localStorage.getItem('datanuber');
var b =  localStorage.getItem('datanpoint');
</script>
<div class="output">Ваш номер: </div>
<div id="num" class="output"><script>alert(a);</script></div>
<div class="output">Ваши баллы: </div>
<div id="pt" class"output"><script>alert(b);</script></div>

Браузер выдает: