Así que tengo este problema y no estoy seguro de cómo abordarlo.

Tengo <img src="~/images/arrow-repeat.svg">

pero quiero cambiar el src a <img src="~/images**/darkmode/**arrow-repeat.svg" según las condiciones.

Solo quiero apuntar a la ruta y no a la imagen en sí Solo la parte <img src="**~/images/**arrow-repeat.svg" y quiero agregar /darkmode/ a la fuente src sin tocar el " flecha-repetir.svg"

¿Cómo puedo lograr esto en javascriptp?

He intentado apuntar a la imagen agregándole una ID y luego haciendo

 document.getElementById('icon').src = "\~/images/"; if (darkSwitch.checked) { document.getElementById('icon').src = "~/images/darkmode/"; } else { document.body.classList.remove('darkmode'); }

Pero solo reemplaza todo el src, solo quiero apuntar a la ruta y no a la imagen