[JavaScript] 서로 다른 .html파일 간 데이터 주고받기

localStorage.setItem('key','value');

localStorage.getItem('key');

 

<!-- main page -->
<!-- 버튼에 i를 key로 주고 각각의 값을 value에 넣기 -->

<input class="btn" id="5" type="button" value="5" onclick="localStorage.setItem('i','5');">


<!-- sub page -->
<!-- i에 값이 들어오면 변수 lastData에 저장 후 출력 -->

<script>
   if(localStorage.getItem('i')){
     var lastData = localStorage.getItem('i')
   };
   document.write(lastData);
</script>