pennywise | platform application to open any website or media | Dektop Application library

I'm a beginner and was starting to learn react router. I made a json server to store a fake api containing a json file of movies. Currently, I have a page that lists just the title of movies in a list These are retrieved dynamically from the json server, not hardcoded in html.

My goal is to click on one of these links for the title and display more detailed info such as description, runtime, genre, etc. This is where i'm having trouble. I can't display the detailed information when clicking the links. When i console.log the object, it's showing the corresponding movie object and its detailed info. However, when I return the information, it's not getting access to the object. I've attached my json.

I've tried changing the fetchMovie variable to contain get:

I'm using Kotlin with databinding and MVVM architecture. I'm having difficulty getting my adapter to populate data on my layout using a listAdapter. I have to use a listAdapter due to the library I'm using (so no recyclerView unfortunately). Here's my code:

MainActivityViewModel.kt

I have a JSON file like this:

I have two structs in Swift like this:

I am trying to pass information into my film details prop (specfically the title of the film) this is the object (commented out in my code for reference but it's actually part of a different file I am getting no import errors in):

---file TMDB.js ---

::UPDATED CODE::

I have dynamically generated buttons from an array. When a button is clicked, 10 still images of gifs append to the page from an API call. When clicking on one of the dynamically generated still images, I need the animated gif to display. Upon clicking again, I need the still image to show and the animated gif to hide.

I am making a gif generator, the goal being to dynamically create clickable buttons that will then dynamically add 10 gifs from the search term to the page. On click is returning the console log, but will not add divs with gif images and rating to the page.

HTML

I have gone over and over the code. I've tried to show the final game screen (result-screen) with JQuery and then again by defining global variables. I have called it as part of another function and within its own function. No combination I come up with is displaying my final result-screen.

I am trying to wrap my head around asynchronous JS using callbacks. In my html, i have a button and a div area to display text.