JSFiddle - React, Tailwind, and code Playground

by John Satriano

HTML

<body>
    <div>
        <p class="greeting-id">The ID is </p>
        <p class="greeting-content">The content is </p>
    </div>
</body>

JavaScript

$(document).ready(function () {
    $.ajax({
        type: "POST",
        beforeSend: function (request) {
            request.setRequestHeader("X-Mashape-Key", "ut6e1suwZOmshp3VEAvPDLDUEc8mp1NssKNjsnUjQoFzIVgMCB");
        },
        url: "https://byroredux-metacritic.p.mashape.com/find/game",
        dataType: 'json',
        data: {
            'platform': 3,
            'retry': 4,
            'title': 'BioShock'
        },
        success: function (data) {
            
            $('.greeting-id').append(data.result.name);
            $('.greeting-content').append(data.result.score);
        }
    });
});