JavaScript Img src değiştirme hakkında yardım!!

Merhaba ArkadaÅŸlar,

Elimde iki tane buton olarak kullandığım icon var. iconlar www.domain.com/index.html gibi dizinler de görünüyor fakat www.domain.com/projeler/proje.html gibi sayfalara geçiş yapınca görünmüyor. Aşağıdaki gibi bir kod yazdım fakat halen aynı yardım edebilir misiniz? Kısacası img src yi nasıl dinamik yapabilirim?

let url = window.location.href;


if(url == window.location.href){

    iconDiv.innerHTML = `

    <img src="img/asagi.png" alt="">
    <img src="img/yukari.png" alt="">
    
    `;
}else{
    console.log("Hata Var")
}

Bunu deneyin:

let url = window.location.href;
 
 
if(url == window.location.href){
 
    iconDiv.innerHTML = `
 
    <img src="/img/asagi.png" alt="">
    <img src="/img/yukari.png" alt="">
     
    `;
}else{
    console.log("Hata Var")
}

Ben de uzun yoldan bir çözüm bulmuştum bu daha kolaymış. Teşekkür ederim.

Benim çözümüm

    <img src="${window.location.origin}/img/yukari.png" alt="">
    <img src="${window.location.origin}/img/asagi.png" alt="">