Javascript 更改按钮颜色并使其在单击时处于活动状态

我希望当我点击两个按钮中的一个时，它会改变颜色并使其“激活”。 因为是性别按钮（M，F），所以只能选择其中一个

霍姆
女性

---

谢谢大家。

将此javascript添加到您的文件中

let homme = document.getElementById("homme");
let femme = document.getElementById("femme");
homme.addEventListener("click", function(){
    homme.classList.add("active");
    femme.classList.remove("active");
});
femme.addEventListener("click", function(){
    femme.classList.add("active");
    homme.classList.remove("active");
});

---

我建议您尝试在类或标记中使用

：focus

的伪

：active

，以应用颜色

此外，使用JS，您可以添加、删除或切换名为active with styles的类：

类名称的示例：

---

亲切问候

您能添加有问题的代码吗？因此，我们可以看到它的突破点。你是如何在js上实现这一点的？“…因为它是性别按钮（M，F），…只能选择其中一个。”-你可能想对照你的客户的假设检查一下，“性别”不一定是以前的二元选择。

let homme = document.getElementById("homme");
let femme = document.getElementById("femme");
homme.addEventListener("click", function(){
    homme.classList.add("active");
    femme.classList.remove("active");
});
femme.addEventListener("click", function(){
    femme.classList.add("active");
    homme.classList.remove("active");
});