下記のコードですが
テキストボックスとテキストエリアに書き込んだ内容をlocalstorageに保存するというものです
まだ保存ではなくちゃんとテキストボックスとテキストエリアの内容が取得できているかデバッグしている段階なのですがコンソールを見ると空白になります
テキストボックスとテキストエリアに文字を入れてセーブをクリックしているのですが・・・。
なぜ取得できないのでしょうか?
JavaScript
1<body> 2 <div id="container"> 3 <p><input type="text" id="title" placeholder="add Title" value=""></p> 4 <p><textarea rows="10" cols="45" id="textBody"></textarea></p> 5 <div id="btn">Save</div> 6 </div> 7 8 <script type="text/javascript"> 9 var s = localStorage; 10 // get FormData 11 var title = document.getElementById('title').value; 12 var textBody = document.getElementById('textBody').value; 13 var btn = document.getElementById('btn'); 14 15 btn.addEventListener('click', function(){ 16 17 // Debug 18 console.log(title); 19 console.log(textBody); 20 21 // Data Save 22 s.setItem('saveTitle', title); 23 s.setItem('saveTextBody', textBody); 24 }); 25 26 //Data load 27 // title.value = s.getItem('title'); 28 29 </script> 30 </body>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。