How to create a html form webpart filter for 2 list columns

Question

I have a html form webpart (in the form of textbox input). I would like to filter 2 list columns using the same webpart:

So instead of the usual filtering for 1 list column, this webpart will be used to search 2 list columns (Name column and phone number column). How do I go about creating such a webpart? The connections option for this webpart only allows connecting to 1 list column:

EDIT: I realized for this method, even for just 1 list column connection, it doesn't work at all. Should I be using javascript instead? If yes, how do I go about coding the javascript?

Answer 1

I think this is what you are looking for. It allows to filter by multiple fields using JavaScript.

So, you will be able to filter by Name field or Phone number field.