javascript find string from input

Question

I made a chatbot in html/css/js using the switch method. I'm wondering how can I find a specific string from the user input. Any help is appreciated! example: usr input "what is the fee"

let theMsg = document.getElementById('theMsg');
let sendMsg = document.getElementById('sendMsg');
sendMsg.addEventListener('click', function(){
    userSend()
    switch(theMsg.value){
        case 'fee':
            feeResponse();
            break;

question from:https://stackoverflow.com/questions/65865520/javascript-find-string-from-input

Answer 1

Create a dictionary Object where the propertyName is the keyword you're interested in for printing a desired message:

const responsesDictionary = {
  fee: "Fee is similar to Foo",
  bar: "Bar is almost like Baz",
  foo: "Foo is the grandad of Fee",
  "a z": "The alphabet",
};

const EL_theMsg  = document.querySelector("[name=theMsg]");
const EL_sendMsg = document.querySelector('#sendMsg');

const words = Object.keys(responsesDictionary).join("|");
const rgx = new RegExp(`\b(${words})\b`, "ig");

const getResponse = () => {
  const msg = EL_theMsg.value.toLowerCase();
  const matches = msg.match(rgx) || [];
  const response = matches.map(word => responsesDictionary[word]);
  console.log(response.join("
"));
};

EL_sendMsg.addEventListener("click", getResponse);

Insert some text and use one of the words: "fee", "bar" or "foo".<br>Hit SEND for some magic<br>

<input name="theMsg" type="text" value="Test default foo message bar">
<button id="sendMsg">SEND</button>