如何在JavaScript中通过一次单击即可举办多个活动

我对这一点非常陌生，在学习html/css/JavaScript的同时，我正在try 一个小项目.所以，如果这是一个相当明显的问题/答案，那么抱歉.

基本上，我使用这个设置使我的(非常简单)网站具有黑暗模式:

CSS

:root{
    --primary-color: #ffffff;
    --secondary-color: #1d1d1d;
}
.dark-theme{
    --primary-color: #212121;
    --secondary-color: #e0e0e0;
}

然后我对所有背景/文本 colored颜色 使用原色/原色.然后，

脚本

var icon = document.getElementById("icon");

   icon.onclick = function (){
        document.body.classList.toggle("dark-theme");
       if(document.body.classList.contains("dark-theme")){
          icon.src = "/images/sun-2-svgrepo-com.png";
     }else{
        icon.src = "/images/moon-stars-svgrepo-com.png";
   }
}

当有人点击我标记为"图标"的月亮图像时， colored颜色 就会相反，"图标"就会变成太阳图像.这非常适合我的黑暗模式！

我try 在下面插入相同的"图标"过程，看看它是否也会在onClick时发生.

var icon = document.getElementById("icon");

    var icon = document.getElementById("icon");

    icon.onclick = function (){
        document.body.classList.toggle("dark-theme");
        if(document.body.classList.contains("dark-theme")){
            icon.src = "/images/sun-2-svgrepo-com.png";
            icon2.src = "/images/lightmode.png";
        }else{
            icon.src = "/images/moon-stars-svgrepo-com.png";
            icon2.src = "/images/darkmode.png";
        }
}

它没有起作用.

我的问题是，有没有办法将我的其他图像(png，用作图标)从亮模式图像更改为暗模式图像.基本上，当月亮图像通过点击而变成太阳图像时，我如何才能让我的其他图像也切换？

谢谢！