Javascript 选择一个按钮激活类

这些是卡片，我已经编写了javascript来选择按钮并将其转换为活动类，但是当我选择按钮时，它不是选择的，并且没有转换为活动按钮，错误在哪里

在样式标签中，我已经写下了当按钮悬停或处于活动状态时我想要做的一切

下面是javascript

//将活动类添加到当前按钮（高亮显示）
var header=document.getElementById（“价格”）；
var head=header.getElementsByClassName（“卡”）；
var btns=head.getElementsByClassName（“btn”）；
对于（变量i=0；i0）{
当前[0]。className=current[0]。className.replace（“活动的”）；
}
this.className+=“活动”；
});
}

.card.card主体a{
保证金底部：2.5雷姆；
边框：纯黄色；
边框顶部宽度：初始！重要；
颜色：白色；
背景色：透明；
字体大小：1.3rem；
最小宽度：13rem；
} 
.卡.卡体a:悬停{
颜色：#d6c926；
{%comment%}边框：无；{%endcomment%}
{%comment%}边框底部：纯蓝色；{%endcomment%}
背景色：#191818cf；
字体系列：草书；
文字装饰：无；
{%comment%}动画：边界线向前移动；{%endcomment%}
} 
.卡.卡体a:激活，
.卡.卡体a.激活{
背景色：#d6c926！重要；
颜色：黑色！重要；
边界：黑色！重要；
字体系列：草书；
}

1个月
警告卡标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
选择这个
6个月
警告卡标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
选择这个
10个月
警告卡标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
选择这个

试试这个：-

<script>
var btns = document.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function(){
  var current = document.getElementsByClassName("active");
  if (current.length > 0){ 
    current[0].className = current[0].className.replace(" active", "");
  }
  this.className += " active";
  });
}
</script>

var btns=document.getElementsByClassName（“btn”）；
对于（变量i=0；i0）{
当前[0]。className=current[0]。className.replace（“活动的”）；
}
this.className+=“活动”；
});
}

请通过“按钮”澄清您的意思是

选择此

？还有什么价值？你指的是什么隐藏的输入标签？你试过的JavaScript在哪里？帮不了你，你说“这是JavaScript”，然后粘贴CSS…是的，按按钮我的意思是选择这个我现在也写了JavaScript