[JQuery] 난수 생성 후 스토리지에 저장 > 학습

<script>
$(function(){
  $("#create").click(function(){
    var ranNum = Math.floor(Math.random() * 1000000) + 1; //난수 생성
    $("#randNum").text(ranNum);
    sessionStorage.setItem('random', ranNum); //난수 저장
  });

  $("#save").click(function(){
    var saveNum = sessionStorage.getItem('random'); // 저장된 난수값
    $("#saveNum").text(saveNum);
  });
});
</script>

<style>
#create{font-size: 30px; font-weight: bold; cursor: pointer;}
#save{font-size: 30px; font-weight: bold; cursor: pointer;}
</style>

<p id="create">난수 생성</p>
<p>난수값 = <span id="randNum"></span></p>

<p id="save">저장된 난수 확인</p>
<p>저장된값 = <span id="saveNum"></span></p>