jService | simple trivia service that serves the answers/questions | Chat library

My code looks like this :

I am trying to select all elements that were created through Javascript and add a click event to them. In my code, I added the click event listener to all td's at the bottom of the fillTable() function after creating the td elements, however I am receiving an error stating "addEventListener is not a function." Why is this not working?

I have also tried

I am creating a trivia game pulling questions from an API. I want to style the game with bootstrap. The game is an HTML table created with Jquery in Javascript. The table appends onto the page after the function is called, but it does not look like the bootstrap design. It appears that bootstrap isn't loading correctly?

I tried including the CDN Bootstrap link at the bottom of the HTML page, but no luck. I also tried copy pasting the HTML from Javascript onto the HTML page, but still doesn't style correctly. I am running out of ideas on how to approach this. Any help is appreciated!

The table style I desire is the dark bordered one on the bootstrap webpage: https://getbootstrap.com/docs/4.3/content/tables/#bordered-table

I want to create an array of 6 (semi)random trivia category ID numbers received from the jService API. I have my code set up to iterate, pushing a new random category ID into the empty categories array if the ID hasn't already been included.

I have console.logged the variable categories after every iteration for reference. It seems that the ID is being pushed into the array, but then being replaced after every iteration leaving 5 blank array items? I have instead tried creating a nested iteration for the category index number and adding the ID in by doing category[i]=randomCatId , but couldn't get this to work. Shouldn't the push method work fine though? Any help as to why this is happening would be very appreciated. Thanks

I have the following code running in a playground that supposed to print an array of 4 clues based on a random category ID. The category ID and the Correct URL used to get the clues are always printed correctly However, the clue results are printed intermittently sometimes its successful other times. Can anyone help me figure out why it sometimes does not print the array of clues yet the URL is correct?

I'm working on an excercise to get different random results from an API using JavaScript.

Mi idea is to have an array of results I already got and issue as many asynchronous requests as I need to get the job done.

I tried using Axios and jQuery (I'm supposed to use the first one but it didn't work and since I'm more experienced with jQuery I decided to give it a try) but neither one works.

Here's my code:

This is for an assignment to create a Jeopardy game using the jService api; I am walking through and console.logging to check myself, but when I log the answer below it prints undefined, while the question and title print to the console without issue. What am I missing?

So I have two simple functions, the first function makes an api call and retrieves 100 category ids and stores them in an array. I use lodash to randomly pick 6 of these category ids. The second function is suppose to make use of these 6 unique category ids and use them in the query string for the next 6 api calls made in the second function.

I've been working on getting all this linked up. My trivia game is wrapped in a function and the buttons are firing all on their own but in order. So if I click A then #optionB #optionC and #optionD fire all on their own. Also I'm only being able to click one option(#optionA)for it to render the next question. Here's a Jsfiddle Link However, the link doesn't properly work like if you were to run it in VScode etc. but all the code is provided in the JSfiddle link so it's an easy copy and paste, because it's a lot of code I've tried wrapping clicks in a function as you can see but that didn't solve the issue.