JSFiddle - React, Tailwind, and code Playground

by Brock Callahan

HTML

<div id="output"></div>
<div id="match"></div>
<div id="noMatch"></div>

JavaScript

var brock = {
    name: {
        firstName: "James",
        middleName: "Brock",
        lastName: "Callahan",
        age: 28
    },
    sister: {
        firstName: "Elizabeth",
        middleName: "Channing",
        lastName: "Callahan",
        age: 27
    },
    mother: {
        firstName: "Patricia",
        middleName: "Ann",
        lastName: "Murphy"
    },
    father: {
        firstName: "James",
        middleName: "Stewart",
        lastName: "Callahan"
    },
    guru: {
        firstName: "Venkataraman",
        lastName: "Iyer"
    }
};

search("Patricia");

function search(name) {
    for (var key in brock) {
        if (brock[key].firstName === name) {
            $("#match").append(brock[key].firstName);
            /*for (var newKey in brock[key]) {
                $("#match").append(brock[key][newKey] + " ");
            }*/
        } else {
            $("#noMatch").append("No match was found.");
        }
    }
}