JSFiddle - React, Tailwind, and code Playground

by Brock Callahan

HTML

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

JavaScript

var brock = {
    me: {
        firstName: "James",
        middleName: "Brock",
        lastName: "Callahan"
    },
    sister: {
        firstName: "Elizabeth",
        middleName: "Channing",
        lastName: "Callahan"
    }
};

function writeIt(id, text) {
    document.getElementById(id).innerHTML = text;
}

var search = function (name) {
    for (var key in brock) {
        if (brock[key].firstName === name) {
            $("#output").append(brock[key].firstName);
        } else {
            $("#output").append("No match was made.");
        }
    }
};

search("James");