JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody></tbody>
</table>
<div class="timer">
    <div class="minutes"></div>
    <div class="seconds"></div>
</div>

SCSS

body {
    background: pink; 
    color: #19e031;
}
table {
    border: white 8px solid;
    border-spacing: 0;
    margin: 0 auto;
    tr.titles {
        text-align: center;
        color: #fff;
        font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
        font-weight: bold;
    }
    td {
        border: white 2px solid;
        text-align: center;
    }
    td.name {
        text-align: left;
        width: 40%;
    }
}

.timer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

JavaScript

var drinks = {
    'Single Vodka Mixer': [2.5, 2.1, 2.9, 2.5, 1.9, 3.5, 1.5, 3, 2.1],
        'Double Vodka Mixer': [3.5, 3.1, 3.9, 3.5, 2.9, 4.5, 2.5, 4, 3.1],
        'Single JD Mixer': [2.5, 2.7, 2.1, 2.5, 2.1, 1.5, 1.5, 3, 3],
        'Fosters Bottle': [2.5, 1.5, 2.9, 2.1, 2.9, 2.5, 1.5, 1.9, 2.5],
        'Corona': [2.5, 2.9, 1.9, 2.5, 2.9, 1.5, 1.5, 1.9, 2.9],
        'Strongbow': [2.75, 2.75, 2.35, 1.75, 2.75, 2.35, 1.75, 2.75, 2.75],
        'VK': [2.5, 2.9, 1.9, 2.5, 2.7, 1.5, 1.5, 2.3, 2.1],
        'Jagerbomb': [2.5, 2.1, 1.9, 1.5, 2.5, 2.1, 1, 1.5, 2.5],
        'Wild': [1.4, 1, 1.6, 1.6, 1, 1.4, 1, 1, 1.6],
        'Riddle Wine (125ml)': [2.6, 2.4, 2, 2.6, 2.4, 2.6, 2, 2, 2.6]
};

var tbody = $('tbody');
tbody.append('<tr class="titles"><td>DRINK</td><td>PRICE</td><td>% CHANGE</td><td>LAST</td></tr>');
for (var i in drinks) {
    //var drinkPos = drinks.indexOf(i);
    //console.log(drinkPos);
    tbody.append('<tr><td class="name">' + i + '</td><td class="prices">' + drinks[i][0] + '</td><td>00.00</td><td>0.00</td></tr>');
}

function start() {
    var updateCount = 1;
    var lastCount = 0;
    
    setInterval(function () {
        $('tr').remove();
tbody.append('<tr class="titles"><td>DRINK</td><td>PRICE</td><td>% CHANGE</td><td>LAST</td></tr>');
        var classCounter = 0;        
        for (var k in drinks) {
            var percentageChange = (drinks[k][updateCount] - drinks[k][lastCount]) / drinks[k][lastCount] * 100;
                        var changeClass = $('.change' + classCounter);

            percentageChange = percentageChange.toFixed(2);
            if (percentageChange < 0) {
                changeClass.css({color: 'red'});
            } else if (percentageChange == 0) {
                changeClass.css({color: '#da5c00'});
                                percentageChange = '+' + percentageChange;

            } else {
                changeClass.css({color: '#19e031'}); 
                percentageChange = '+' +...