masala | Curry-like secret sauce for option-object accepting function

You're not creating the details property, and you're adding an instructions property in the result that you don't want.

There's no need to loop to count numSteps, you can just use r.instructions.length. And once you find the recipe with recipes.find(), you don't need another loop to find the recipe name.

You're not checking whether the recipe can be found, so that you return {} in that case.

You need to use for loop on data as below.

you can do it with a small loop that check in Object.entries if one other data than itemname is filled

You can not use template literal string for components.

But you can use this approach for your purpose

You need to include the rest of your logic in the forEach() callback method. However, taking into account that you want to return true once the item has been removed, it's easier to use a for ... of loop:

You can try this:

You have all the logic necessary to achieve your goal, you simply need to provide a way to access it. In the following snippet I've split your existing scan() function into reusable utility functions: object_from_row() which accepts a tr element and returns an object based on your logic and display_row_data() which will display the row data in the DOM.

It is then just a matter of linking your getting row with ID button to the object_from_row() function. In the snippet I've replaced your button with a select and populated it with each tr in your table.

This is a typical case for reduce. Reduce to an object that's keyed by the dish names. For each, record the total count and the counts of the other conditions (cooked / uncooked). Transform that result into an array of strings by mapping object entires.

this can be done by newspaper library