JavaScriptでダークモードを実装する方法

ユーザーの環境設定を利用する方法: ユーザーのOSやブラウザがダークモードをサポートしている場合、それを検出して自動的にダークモードを有効にすることができます。以下はその例です。
```
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
 // ダークモードのスタイルを適用する
} else {
 // ライトモードのスタイルを適用する
}
```

ユーザーの選択を保存する方法: ユーザーがダークモードを選択した場合、その選択を保存して次回の訪問時に適用することができます。以下はローカルストレージを使用した例です。

// ダークモードの選択を保存する
localStorage.setItem('darkMode', 'true');
// ダークモードが有効な場合にスタイルを適用する
if (localStorage.getItem('darkMode') === 'true') {
 // ダークモードのスタイルを適用する
} else {
 // ライトモードのスタイルを適用する
}

ユーザーの操作に応じて切り替える方法: ユーザーが切り替えボタンをクリックした場合にダークモードを切り替えることもできます。以下はその例です。

// 切り替えボタンのクリック時にダークモードを切り替える
document.getElementById('toggle-dark-mode').addEventListener('click', function() {
 if (document.body.classList.contains('dark-mode')) {
   document.body.classList.remove('dark-mode');
 } else {
   document.body.classList.add('dark-mode');
 }
});

これらはJavaScriptを使用してダークモードを実装する一般的な方法のいくつかです。ウェブサイトやアプリケーションの要件に合わせて適切な方法を選択し、ダークモードの体験を向上させてください。