Object, swiperjs, destructure, array, map, filter, forEach

I have two question about my project.

  1. Today I put swiperJS in my project and when you try to click Book in some items my slider move and don’t open the modal. When you try to click on Fiesta Hotel, after loading the web, it doesn’t open the modal. This is my first time with SwiperJS and maybe someone has the same problem and can tell me what’s wrong.

  2. I make modal and do foreach on every book button, now i create the array of object, and wanna connect ModalBtns.id with cities.id how i can do?? I try map, filter and everything but still dont know how to connect this item because i wanna add info to modal dynamically. Like price for ticket and everything. I know in the future react it will be simply to use for operation like that, but i try do in JS

https://margsoftbf.github.io/trip-rest-website/

https://github.com/margsoftbf/trip-rest-website