tsp | An Elastic Net algorithm for the Traveling Salesman Problem | Data Visualization library

I had to try the example of qiskit’s Traveling Salesman Problem with 3 nodes and executing it at IBM backend called simulator_statevector.Can execute and get the result normally.

But when trying to solve the TSP problem with more than 3 nodes,I changed n = 3 to n = 4.

I am building a website with React. Currently I have created function that renders elements and does PUT fetch call to API I created in Node.js. Here is how it looks like:

I have spent whole day trying to figure this out. I want to update course recipes from my database (MongoDB) using my REST API call (Node.js with Express) by sumbiting input fields with new values of the recipe. I tried to show previous values by using input value="", but as I learned this makes it to be static. I tried to change it into dynamic accordingly to what I found online however none of tutorials I found would show what I am looking for. As you can see in code below I am trying to PUT new data that was previously set using setState(). Sadly I do not know how can I do it like this. Could you tell me if it is even possible and if so where can I learn to do it?

Here is code from React:

I have this table and in the last column, there is rows of number inside a textbox. I'm trying to loop through those rows and get each number inside the text box. Once all the numbers are gathered, all of it will be added. I'm looking to for it to be added once I click the "calculate" button.

I tried taking the content of the cell vie tableName.rows[n].cells[n].innerHTML but that does not work coz the text it still inside the text box. I'm not even sure if that's how you get a text inside table cells/

I have this button that's supposed to delete all the rows inside a table except for the header. As of now, it loops through the table to delete all its row, but it never deletes all of it. In my original code, it's not included in here, I can browse through different tables and I want to be able to delete all of its content, regardless of number of row, using the same button. Coz I also try the button on other tables and it always does not delete all he items.

I looped through an object to transfer its elements to an HTML table. The table has 4 columns. 2 of those columns is a number text box. The string from the object should be transferred to those number text box. One of those were successfully transferred, the one on the amount column, but the one on the calorie column does not show up. I'm looking for ways for the designated calorie numbers from the object to be transferred to the number text box on the HTML Table.

The object within an object contains variables such as "name", "amount", "amountType", and "cal". The strings on those variables should be transferred through loop as several row in the given HTML table. Each variable should be on its own cell.

I already made one row and made 4 cell for the name, amount, amount type, and calorie columns. Then, I tried to transfer the objects elements inside the cell using the index of the object.

On the function "createIngrList", it should take all the ingredient names, such as "Butter", "Beef", "Onion", etc., and turn it into buttons. So each button should have a text with the name of an ingredient written on it. As of now, there is just 4 buttons with "undefined" written on it. If possible, all the repeating ingredients such as "Onion" should not be made into button twice. Once is enough.

I am a beginner in Flutter and I am stuck at converting my API fetched data to my custom model. I am using an API that provides me with this data: