JSFiddle - React, Tailwind, and code Playground

by mariob316

HTML

<div id="sensorValues0" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues1" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues2" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues3" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues4" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues5" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues6" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues7" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues8" style="outline:thin solid black;width: 320px;"></div>
        <div id="sensorValues9" style="outline:thin solid black;width: 320px;"></div>

JavaScript

var data = [
    ["1", " 101_30.1.101_34", "0.0200112629", "mm/s", "[OK]"],
    ["1", " 101_30.1.101_35", "0.0146548533", "mm/s", "[OK]"],
    ["1", " 101_30.1.101_45", "0.0146548533", "mm/s", "[OK]"],
    ["1", " 101_42.2.101_43", "0.0101406257", "mm/s", "[OK]"],
    ["2", " 102_17.3.102_38", "5.1719756", "mm/s", "[WA]"],
    ["2", " 102_17.3.102_39", "3.5886707", "mm/s", "[WA]"],
    ["2", " 102_17.3.102_44", "9.4615074E-4", "mm/s", "[OK]"],
    ["2", " 102_40.4.102_41", "4.8159785", "mm/s", "[OK]"],
    ["3", " 204_15", "3.8374166", "mA", "[OK]"],
    ["4", " 501_11", "1027.5156", "RPM", "[WA]"]
    ]


for (var i in data) {
    var val = data[i];
    $('#sensorValues' + val[0]).append(val[0] + ': ' + val[1] + ': ' + val[2] + val[3] + ' ' + val[4] + "<br/>");
}