E-commerce Product page

Community feedback

• 

  Luiza Uszacki•250

  @LuizaUszackiPosted over 2 years ago

  Hi @Deen-Abdultawab, congratulations on the website. I would also advise you to...

  1. Put the type of the input product-quantity as number instead of text (in that case, you would have to hide the arrows that will come with that type to have the same appearence), because now, even if I can't submit a text, I still can write there;

  2. You could also test if the product-quantity has a value greater than zero, and just if so, decrease its value. Otherwise, your input can receive negative values;

  minusBtn.addEventListener('click', () => {
    if (productQuantity.value > 0) {
      initialValue--;
      productQuantity.value = initialValue;
    }
  })
  

  3. I also saw you put cursor: pointer on fa-solid, in that case, you could increase its padding to turn the clickable area bigger, making it easier for the user to click on it;

  4. And at least, all your main-nav has cursor: pointer not just the clickable areas.

  I hope it helps you.

  Marked as helpful

  1

  ---

  

  Salawudeen Abdultawab•120

  @Deen-AbdultawabPosted over 2 years ago

  @LuizaUszacki Thanks a lot. Very helpful

  0