change image on press with javascript not working in webflow

I’ve so tried so many different ways of writing this out and getting my new image url different ways but nothing has seemed to work. I just want to be able to change an image when you click a different image. When the page loads, I have the initial image set to hidden until you press the button to see it. I can’t have the image showing until you press the button cause it’s a customizable product type of thing. Everything in the ‘addEventListener’ is working accept for the image change and here’s my code - all of the variables I declared are image elements nested inside divs accept for the booleans at the top which I haven’t used yet. Like the question says, I’m working in webflow in the custom code section. Thanks for any help!