运行时切换Font Awesome图标问题求助

原代码存在几个关键问题导致图标无法切换：

• 错误地将Font Awesome图标类添加到body元素，而非显示图标的.change元素
• hasClass()方法仅支持单个类名参数，不能同时传入多个类
• 初始状态未设置Font Awesome图标类，直接使用文本"OFF"

以下是修复后的完整代码：

<head>
    <!-- 引入本地Font Awesome CSS，替换为你本地的实际路径 -->
    <link rel="stylesheet" href="本地font-awesome文件夹路径/css/all.min.css">
    <style>
        body {
            padding:10% 3% 10% 3%;
            text-align:center;
        }
        img {
            height:140px;
            width:140px;
        }
        h1 {
            color: #32a852;
        }
        .mode {
            float:right;
            display: flex;
            align-items: center;
        }
        .change {
            cursor: pointer;
            border: 1px solid #555;
            border-radius: 40%;
            width: 20px;
            text-align: center;
            padding: 5px;
            margin-left: 8px;
        }
        .dark {
            background-color: #222;
            color: #e6e6e6;
        }
        /* 适配深色模式下图标边框颜色 */
        .dark .change {
            border-color: #e6e6e6;
        }
    </style>
</head>
 
<body>
    <div class="mode">
        Dark mode:            
        <span class="change fa-solid fa-sun"></span>
    </div>

    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script>
        $( ".change" ).on("click", function() {
            const $body = $("body");
            const $change = $(this);
            
            if ($body.hasClass("dark")) {
                // 切换到浅色模式：移除深色类，切换为太阳图标
                $body.removeClass("dark");
                $change.removeClass("fa-moon").addClass("fa-sun");
            } else {
                // 切换到深色模式：添加深色类，切换为月亮图标
                $body.addClass("dark");
                $change.removeClass("fa-sun").addClass("fa-moon");
            }
        });
    </script>
</body>

修复要点说明：

• 确保本地Font Awesome CSS路径正确，替换代码中的路径占位符
• 将.change元素的初始文本替换为太阳图标类fa-solid fa-sun，让初始状态显示图标
• 点击事件中，针对.change元素切换Font Awesome的图标类（fa-sun和fa-moon），而非错误地操作body的类
• 修正hasClass()的使用方式，仅通过dark类判断当前模式
• 添加深色模式下图标边框颜色的适配，避免深色背景下图标边框不可见

内容的提问来源于stack exchange，提问作者Bill