問題是我不知道如何使用 LocalStorage 為按鈕保存選擇的背景顏色。我以前從未使用過 LocalStorage，但我對代碼的想法是以某種方式使用 myFunction(color)，它利用了 onclick 函數中的顏色值。任何幫助，將不勝感激！$("[data-toggle=popover]").popover({ html: true, sanitize: false, trigger: 'focus', content: function() { return $('#popover-content').html(); } }); let targetBtn; document.querySelectorAll('.myBtn').forEach((item) => { item.addEventListener('click', (e) => { targetBtn = e.target; }) }) function myFunction(color) { if (targetBtn) { targetBtn.style.background = color; /* Here I somehow want to use localStorage to save the picked colors for the buttons localStorage.setItem('targetBtn', color); */ } }<head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script></head><body><button class="myBtn myBtnCorners1" data-toggle="popover" data-placement="bottom" data-html="true">1</button> <button class="myBtn" data-toggle="popover" data-placement="bottom" data-html="true">2</button> <div id="popover-content" class="hide"> <button class="demo1" onclick="myFunction('red')">Red</button> <button class="demo2" onclick="myFunction('green')">Green</button> <button class="demo3" onclick="myFunction('blue')">Blue</button> <span class="close">×</span> </div> </body>
如何使用 LocalStorage 保存為按鈕選擇的背景顏色？
牛魔王的故事
2022-05-26 14:27:20
