How to add an ingredient checker feature to a webpage?

Technical Q&A
1

Hello!

I have a client that wants a feature similar to this one on their page. https://www.bibalosangeles.com/pages/pore-clogger-checker. She has a different sent of ingredients, but she wants a similar concept where customers can enter the ingredients from another product to the box and then it will tell them if any of those ingredients are ones they shouldn’t be using. I know enough about code to pull some of it out from inspecting it and I’ve built it into their website, but I can’t get it to actually work. I think I’m missing the javascript element of it?

2

Yeah this will definitely contain JavaScript. Check the sources tab in the inspector, hopefully they aren’t uglifying their script but tbh the JS you need is super simple. Just take the input and split it by a delimiter and then run that against a filter which checks against another array of blacklisted entries.