apple-juice | advanced battery gauge for macOS | Monitoring library

I'm trying to create a small project but I'm stuck and don't even know where to begin with the JS code. Essentially when you type in your order in the textbox, as you type it or when you click the button (it doesn't have to add everything up in real time though it would be "cooler") it adds a number to the price based on what word is detected, so if soup is 5 dollars for example and a drink 2 and you write both, it'll add the two prices up based on your order. I thought about creating an array (I'm not too good with those) and I could just assign a number to it with the => thingy, but then how would I apply it the textarea on key up or the button to add up based on what word from array (and its' number) is detected as input and then add the numbers associated with the non number array? I thought about doing a function for each word and if that word is in the box it just adds a number that is the price to the price tag below it but that would 30 else if statements and I don't know if that would be beneficial as I want to learn something new that I haven't tried before and an else if statement but mess up and not add certain words and only add 2 prices instead of however many. Maybe a foreach function?

Here is the HTML & CSS: https://codepen.io/Filizof/pen/zyRvOG?editors=1010

I am new in .htaccess url redirect.

I want to redirect url to homepage or any other with 301 code which have an special character like % and a url which has two forward slash (//).

I want to redirect this url to homepage

http://localhost/website/product/tropicana-100%-apple-juice-tetra-pack
http://localhost/website/catalogsearch/result//jivaraj-mamari

I tried many answers but i didn't get what i want. Please see above urls and suggest a possible ways.

any help would be highly appreciated.
THANK YOU!

UPDATE

I have this code in .htaccess