JS Grocery Store small project issues with the Arrays and IF conditional statements

Hi, Dear Fellows,

Firstly, I'm having a problem to display the Array Items by a number like an item 1 item 2 items on the display. I used

 ` Item #1:  ${produce[index] }   <br>`;

But it shows all the items with the number Item 1. Secondly, I need to Validate that the value is valid based on the total number of elements in the currently selected array. If not valid, Do not add item to cart, alert the user that the value passed was invalid. I tried using a big function called addItemToCart() But this

if (departmentSelection.value === "Produce") {
                if (gettingTxtBxValue2.value > produce.length) {
                    alert("The value passed is invalid, Please try again!");

if statement doesn't really listen like if its value selected in dropdown 10 20 but array length is 7 it still outputs the else statement that I have.

Third of all, I'm outputting the result through this line of code as follows:

cartOutputDiv.innerHTML += gettingTxtBxValue2.value + "<br>" + cheese + "<br>";

Although I would want to connect here my empty array called from line 107:

let shoppingCart = []; 

So that all the items eventually get added to the shoppingcart. Or would need a .push() array method again to add the selected items inside of the new array?

The link to my Workspace snapshot: https://w.trhou.se/oj2sotllh7

Thanks a lot for your help.

Appreciate it))))))))