JSFiddle - React, Tailwind, and code Playground

by anurag

HTML

<input type="search" id="patientLastName" placeholder="enter last name" />
<button id="search">Search</button>

<div id="results"></div>

JavaScript

var recentPatientsList = [
    {
    "lastName": "Noyce",
    "gender": "Male",
    "patientID": 19389,
    "firstName": "Scott",
    "age": "53Y,"},
{
    "lastName": "noyce724",
    "gender": "Male",
    "patientID": 24607,
    "firstName": "rita",
    "age": "0Y,"}
];

function getPatientsByLastName(lastName) {
    return recentPatientsList.filter(function(patient) {
        patient.lastName == lastName;
    });
}

document.getElementById('search').onclick = function() {
    var query = $('patientLastName').get('value');
    var patients = getPatientsByLastName(query);
    patients.forEach(function(patient) {
        document.getElementById('results').append(JSON.stringify(patient));
    });
};