please do this coding in visual studio code .

HTML Static Content and CSS - Display the products available to purchase along with a button to add the product to the order. - At least five products should be available for purchase. JavaScript - Event handling and client-side processing - All JavaScript code must be in an external script file. - When the user clicks on the button to add a product to the order, ask the user for the product quantity in a pop-up. - When the user clicks on the checkout button, ask the customer for their name - When the user clicks on the checkout button, ask the customer for their name in a pop-up to place the order. - The following user input must be validated: - Product quantity should be numeric only. - The user must enter their name to checkout. - On successful checkout, generate a receipt to give the customer, including all the products bought, quantity, cost, taxes, total cost, and customer name. The receipt should only show the products the user purchased. No empty or 0 (zero) values are to be included. - Calculate and include GST (@13\%) itial Screen Welcome to our Juice Shop! Input Screen Incorrect Input Incorrect Input Welcome to our Juice Shop! Give yourself a boo How many apple juices would you like? ceipt Apple Juice - 55 Orange Juice - \$6 Ask again for Correct Input Ask again for Correct Input Welcome to our Juice Shop! Checkout Button Appears Welcome to our Juice Shop! Checkout Button Appears Welcome to our Juice Shop! Give yourself a boost! Apple Juice - \$5 10 Orange Juice - \$6 Customer Name Input Customer Name Input Final Screen Welcome to our Juice Shop! Welcome to our Juice Shop