JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content"></div>

JavaScript

var servResponse = {
    "kind": "#tripsSearch",
    "trips": {
        "kind": "#tripOptions",
            "tripOption": [{
            "saleTotal": "USD294.10",
            "id": "DMfSXrkVQGKTVQsDD5l60N004"
        }, {
            "saleTotal": "USD333.10",
            "id": "DMfSXrkVQGKTVQsDD5l60N002"
        }, {
            "saleTotal": "USD225.94",
            "id": "DMfSXrkVQGKTVQsDD5l60N005"
        }]
    }
};

function successFunction(servResponse) {
    var tripOption = servResponse.trips.tripOption;
    var newContent = '<div class="results">';

    for (var i = 0; i < tripOption.length; i++) {
        newContent += '<p>' + "Option " + (i + 1) + '<br>';
        newContent += tripOption[i].saleTotal + '<p>';
    }

    newContent += '</div>';
    document.getElementById('content').innerHTML = newContent;
}

successFunction(servResponse);