回答編集履歴

1

chousei

2022/06/23 06:02

投稿

yambejp
yambejp

スコア114843

test CHANGED
@@ -1 +1,32 @@
1
1
  レジ袋ボタンをおして次のページに飛ぶなら、最初から次のページには「1枚」と書いておけばよいだけでは?
2
+
3
+ # sample
4
+
5
+ ```javascript
6
+ <script>
7
+ window.addEventListener('pageshow', ()=>{
8
+ num.value=localStorage.getItem('hukuro')??'0';
9
+ });
10
+ document.addEventListener('click',e=>{
11
+ const t=e.target.closest('#hukuro_ari,#hukuro_nasi');
12
+ if(t){
13
+ localStorage.setItem('hukuro',t.id=="hukuro_ari"?num.value:"0");
14
+ location.href='next.html';
15
+ }
16
+ });
17
+ </script>
18
+ <div class="choice">
19
+ <button id="hukuro_ari"><p>レジ袋(1枚5円)</p></button>
20
+ <button id="hukuro_nasi"><p>マイバッグまたは袋不要</p></button>
21
+ </div>
22
+ <input id="num" type="number" value="0" min="0" max="10">
23
+ ```
24
+ //next.html
25
+ ```javascript
26
+ <script>
27
+ window.addEventListener('DOMContentLoaded', ()=>{
28
+ view.textContent=localStorage.getItem('hukuro');
29
+ });
30
+ </script>
31
+ <div id="view"></div>
32
+ ```