why i am not able to change the source of image using DOM?

    
            <img id ="image" src="E:freecodecampprojectsReviewsfblack.jpg"   alt="">
            

—– HTML ENDS HERE —-

const reviews = [
    {
        id:1,
        photo : "E:freecodecampprojectsReviewsfblack.jpg",
        fullname: "Sara John",
        job: "UX DESIGNER",
        text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
    },
    {
        id:2,
        photo : "E:freecodecampprojectsReviewsfkorean.jpg",
        fullname: "Murakami",
        job: "GRAPHIC DESIGNER",
        text: "As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible. For example, if you are designing a brand new website for someone, most times you will have to make sure the prototype looks finished by inserting text or photos or what have you.",
    },
    
];

const profileImage = document.getElementById("image");




let currentItem = 1;

window.addEventListener("DOMContentLoaded",function(){
    const item = reviews[currentItem];
    profileImage.src = item.photo;
    
});

above is the full code of javascript file

Q. Inside function, all is working except profileImage.

In above profileImage.src = item.photo; should change the profile photo.