Javascript 嗨，我只想知道它们是否比我这里的代码更简洁

我做了一个div，并称之为选定颜色。 我有很多下面这是我的颜色样本div。我单击哪个样本，它将添加我单击的样本的类别颜色，并将选择器颜色div更改为相同的颜色，并删除以前分配给该类别的颜色。我的js代码很长，我刚刚开始学习javascript。我有大约51种颜色，我没有添加所有的点击功能，因为它会很长。下面是我的代码，谢谢

函数c1（）{
var select=document.getElementById（“selectedColor”）；
选择.classList.remove（“cs2”、“cs3”、“cs4”、“cs5”、“cs6”、“cs7”、“cs8”、“cs9”、“cs10”、“cs11”、“cs12”、“cs13”、“cs14”、“cs15”，
“cs16”，“cs17”，“cs18”，“cs19”，“cs20”，“cs21”，“cs22”，“cs23”，“cs24”，“cs25”，“cs26”，“cs27”，“cs28”，“cs29”，“cs30”，“cs31”，“cs32”，“cs33”，“cs34”，
“cs35”，“cs36”，“cs37”，“cs38”，“cs39”，“cs40”，“cs41”，“cs42”，“cs43”，“cs44”，“cs45”，“cs46”，“cs47”，“cs48”，“cs49”，“cs50”，“cs51”）；
select.classList.add（“cs1”）；
}
函数c2（）{
var select=document.getElementById（“selectedColor”）；
选择.classList.remove（“cs1”、“cs3”、“cs4”、“cs5”、“cs6”、“cs7”、“cs8”、“cs9”、“cs10”、“cs11”、“cs12”、“cs13”、“cs14”、“cs15”，
“cs16”，“cs17”，“cs18”，“cs19”，“cs20”，“cs21”，“cs22”，“cs23”，“cs24”，“cs25”，“cs26”，“cs27”，“cs28”，“cs29”，“cs30”，“cs31”，“cs32”，“cs33”，“cs34”，
“cs35”，“cs36”，“cs37”，“cs38”，“cs39”，“cs40”，“cs41”，“cs42”，“cs43”，“cs44”，“cs45”，“cs46”，“cs47”，“cs48”，“cs49”，“cs50”，“cs51”）；
select.classList.add（“cs2”）；
}
函数c3（）{
var select=document.getElementById（“selectedColor”）；
选择.classList.remove（“cs1”、“cs2”、“cs4”、“cs5”、“cs6”、“cs7”、“cs8”、“cs9”、“cs10”、“cs11”、“cs12”、“cs13”、“cs14”、“cs15”，
“cs16”，“cs17”，“cs18”，“cs19”，“cs20”，“cs21”，“cs22”，“cs23”，“cs24”，“cs25”，“cs26”，“cs27”，“cs28”，“cs29”，“cs30”，“cs31”，“cs32”，“cs33”，“cs34”，
“cs35”，“cs36”，“cs37”，“cs38”，“cs39”，“cs40”，“cs41”，“cs42”，“cs43”，“cs44”，“cs45”，“cs46”，“cs47”，“cs48”，“cs49”，“cs50”，“cs51”）；
select.classList.add（“cs3”）；
}

=所选颜色

用下面的代码替换JavaScript。我已经将这三个函数压缩为一个函数，该函数将您希望保留在

classList

中的数字作为其输入。它遍历数字1到51，就像您在代码中手动执行的那样，逐个删除csNumber字符串

function filterCount(filterValue){
  var select = document.getElementById("selectedColour");
  for (i=1; i<52; i++) {
    if (i!=filterValue) {
      select.classList.remove("cs"+filterValue);
    }
  }
  select.classList.add(filterValue);
}

函数filterCount（filterValue）{
var select=document.getElementById（“selectedColor”）；
对于（i=1；i请访问社区以查看代码。请尝试下面我的更新代码。如果您对其有任何问题，请留下评论。如果它对您有效，请接受答案，并在左侧的评分选择下方打勾。谢谢您的帮助
<div class="cs cs1" onclick="filterCount('1')"></div>
<div class="cs cs2" onclick="filterCount('2')"></div>
<div class="cs cs3" onclick="filterCount('3')"></div>