紆余曲折ブログ

参考

雑記ブログ

2025年5月21日

「スキマ時間、早朝時間の活用術：家族が寝ているうちにやっている3つのこと」

記事詳細はこちら
🔗news

技術ブログ

2025年3月11日

WordPressで画像（アイキャッチ画像）アップロードエラー。メディアライブラリがくるくるのまま。

記事詳細はこちら

2025年9月17日

バッククォートとテンプレートリテラルを使った文字列処理【WordPress向け完全版】

詳細を見る

2025年9月17日

「Simple Custom CSS and JSでJavaScriptをWordPress記事に反映させる方法」

詳細を見る

2025年9月16日

「JSONエラーを回避してWordPressにコードを掲載する方法（EnlighterとSimple Custom CSS and JSを使用）※‘and’の重複でエラー発生!?」

詳細を見る

2025年9月14日

GitHubにプッシュしたのにフォルダの中身が空っぽ！？原因と解決方法

詳細を見る

2025年9月12日

「ダークモードと季節判定をJSで操作する」

詳細を見る
🔗works-----
jQuery を利用するには、以下のように jQuery.ready() 内のコードを囲む ことを忘れないでください: jQuery(document).ready(function( $ ){ // あなたのコードをここに記述 }); -- 別のサーバー上の JavaScript のファイルへリンクしたいなら ( と同じように) これは、HTML コードなので「HTMLコードの追加」を使ってください。 コメント終わり */ document.addEventListener("DOMContentLoaded", function() { function getDarkModeStatus(time) { return time > 20 ? "dark" : "light"; } const mode = getDarkModeStatus(new Date().getHours()); const darkmodeBox = document.querySelector(".darkmode-box"); if(darkmodeBox){ darkmodeBox.style.backgroundColor = mode === "dark" ? "#000" : "#fff"; darkmodeBox.style.color = mode === "dark" ? "#fff" : "#000"; } function getSeason(month) { if (month >= 3 && month <= 5) return "春"; if (month >= 6 && month <= 8) return "夏"; if (month >= 9 && month <= 11) return "秋"; return "冬"; } const currentMonth = new Date().getMonth() + 1; const season = getSeason(currentMonth); const seasonDisplay = document.getElementById("season-display"); if(seasonDisplay){ seasonDisplay.textContent = `現在の月は ${currentMonth} 月なので、季節は ${season} です！`; } });