localStorageを使用してスタイルシートを保持

Question

2つのボタンがあり、これらのボタンをクリックするとスタイルシートを変更できます。しかし、一度リフレッシュしたり、自分のウェブサイトの次のページに行くと、スタイルシートは元の状態に戻ってしまい、ユーザーの設定方法は変わりません。私は同様の例を探していましたが、クッキーを使用しているものしか見つからなかったので、localStorageを使ってこれをどうすればできるのか知りたかったのです。 ありがとうございます...

<script> 
    function swapStyleSheet(sheet) { 
    document.getElementById('pagestyle').setAttribute('href', sheet); 
    } 
</script> 

<div class="change"> 
    <h6>Change Stylesheet</h6> 
    <button onclick="swapStyleSheet('css/style2.css')">Dark</button> 
    <button onclick="swapStyleSheet('css/style.css')">Light</button> 
</div> 

Answer 1

はい。ありがとうございます。以下を使用できます：

localStorage.setItem('currentStyleSheet', 'css/style.css'); 
function swapStyleSheet(sheet) { 
    document.getElementById('pagestyle').setAttribute('href', sheet); 
    localStorage.setItem('currentStyleSheet', sheet); 
} 
window.onload = function() { 
    document.getElementById('pagestyle').setAttribute('href', localStorage.getItem('currentStyleSheet')); 
}