JSFiddle - React, Tailwind, and code Playground

by Stephen

HTML

<p>
page is loaded
</p>

CSS

p { text-decoration : underline; }

JavaScript

let data = [
    {
        "id": 1,
        "title": "Ford F-150",
        "type": "truck"
    },
    {
        "id": 2,
        "title": "BMW 4 series",
        "type": "car"
    },
    {
        "id": 3,
        "title": "Triumph Scrambler",
        "type": "motorbike"
    },
    {
        "id": 4,
        "title": "Audi A3",
        "type": "car"
    }
];

function filterByProperty(array, prop, value) {
    console.log('in filterByProperty');
    let filtered = [];
    for (var i = 0; i < array.length; i++) {
        var obj = array[i];
        for (var key in obj) {
            if (typeof(obj[key] == "object")) {
                var item = obj[key];
                if (obj[prop] == value) {
                    filtered.push(item);
                }
            }
            else {
                console.log("not object");
            }
        }
    }

    return filtered;
}

function startup() {
    console.log('in "startup" function');
    var filtereddata = filterByProperty(data, "type", "car");
    console.log(filtereddata);
}

//document.addEventListener("DOMContentLoaded", function() {
//    console.log('in dom-ready function');
//    let filtereddata = filterByProperty(data, "type", "car");
//    console.log(filtereddata);
//});

startup();
console.log('ran the js');