【解決方法】sessionstorage で undefine エラーが発生するのはなぜですか?

以下のように、HTMLページ間でElementの値を渡そうとしています

ページ1

<!Doctype html>
<html>
<body style="margin:0;padding:0">


<div  style="margin-top:20px">
    
 <p id="pid" style="margin-bottom:0;float:right;display:inline;">1001</b</p>
 <button id="btn1" style="display:inline;float:right;background-color:#0000FF;color:white" onclick="testJS()"  >Buy Now</button>    
    
</div>

<script>

    function testJS(){
     
 
        var favoritemovie = document.getElementById('pid').value;
        sessionStorage.setItem("favoriteMovie", favoritemovie);
        window.location="buy.html";    
    }
    
    
   
   
</script>  



</body>
</html>

2ページ

<!Doctype html> <html> <body style="margin:0;padding:0"> <div> <form action="#" method="post"> <div > <p id="tpid"></p> </div> </form> </div> <script> function myFunc(){ var favoritemovie = sessionStorage.getItem("favoriteMovie"); document.getElementById('tpid').innerHTML = favoritemovie; } window.onload=myFunc; </script> </body> </html>

値は「1001」ではなく「未定義」と表示されます。
どこが間違っているのか教えてください。

私が試したこと：

私はそれに一日中投資しましたが、成功しませんでした。

解決策 1

テキストタグには値がありません。コンテンツを取得するには、 インナーHTML 財産：

var favoritemovie = document.getElementById('pid').innerHTML