JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript">
    Machinecycle(ZL01001, 0);
</script>
<div id="ZL01001" class="Midbox">s</div>

JavaScript

function Machinecycle(ZW, Number) {
    var machines = {
        "Machines": [{
            "cycle": 1,
                "percent": 73.26
        }, {
            "cycle": 2,
                "percent": -0.46
        }, {
            "cycle": 3,
                "percent": -1
        }]
    };
    // obj = JSON.parse(machines);
    var cycle = machines.Machines[Number].cycle;
    var percent = machines.Machines[Number].percent;
    //obj = JSON.parse(machines);
    //var percent = machines[Number].percent;


    if (cycle < 480) {
        //document.getElementById('ZL01001').style.backgroundColor = 'lime';
        document.write(cycle);
       // document.write(percent);
    } else {
        document.getElementById('ZL01001').style.backgroundColor = 'red';
    }


}