JSFiddle - React, Tailwind, and code Playground

by martinschneider23

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

<textarea id="input" rows="1"></textarea>
<button id="go">
Do magic
</button>
<textarea id="output" rows="10"></textarea>

CSS

#input {
  width: 100%;
}
#output {
  width: 100%;
}

JavaScript

// column index for each value
const driver_idx = 1;
const datetime_idx = 3;
const flight_idx = 4;
const customer_idx = 5;
const model_idx = 8;
const phone_idx = 7;

var driver_data = [{
    id: "1",
    name: "李先群",
    phone: "0988855333",
    line: "Jason",
    model: "X",
    color: "黑",
    license: "EPA-886",
    area: "雙北",
    settlement: "雙北"
  },
  {
    id: "2",
    name: "林軍篁",
    phone: "0986367193",
    line: "Jimmy",
    model: "X",
    color: "白",
    license: "EPA-270",
    area: "",
    settlement: ""
  },
  {
    id: "3",
    name: "呂思漢",
    phone: "0968706921",
    line: "承恩爸爸",
    model: "3",
    color: "白",
    license: "EPB-368",
    area: "新竹",
    settlement: "竹北"
  },
  {
    id: "4",
    name: "邱建台",
    phone: "0922513888",
    line: "Jason51388",
    model: "X",
    color: "白",
    license: "EPA-169",
    area: "北北基",
    settlement: "林口"
  },
  {
    id: "5",
    name: "鄭鴻益",
    phone: "0970333603",
    line: "鄭鴻益",
    model: "X",
    color: "藍",
    license: "EPA-110",
    area: "雙北",
    settlement: "板橋"
  },
  {
    id: "6",
    name: "劉泰銘",
    phone: "0921873991",
    line: "小紋",
    model: "3",
    color: "藍",
    license: "EPA-868",
    area: "桃園",
    settlement: "中壢"
  },
  {
    id: "7",
    name: "賴雨泓",
    phone: "0968824968",
    line: "賴雨泓",
    model: "X",
    color: "黑",
    license: "REA-1689",
    area: "北台灣",
    settlement: "台北"
  },
  {
    id: "8",
    name: "吳權亮",
    phone: "0918102181",
    line: "吳權亮",
    model: "3",
    color: "白",
    license: "EPC-320",
    area: "台南",
    settlement: "台南"
  },
  {
    id: "9",
    name: "李治平",
    phone: "0926344460",
    line: "Jacson",
    model: "X",
    color: "白",
    license: "REA-0691",
    area: "北北基",
    settlement: ""
  },
  {
    id: "10",
    name: "林心瑋",
    phone: "0953847848",
    line: "布晞",
    model: "X",
    color: "黑",
    license: "EPA-282",
    area: "北北基",
    settlement: "新店"
  },
  {
    id: "11",
    name: "簡裕",
    phone: "0915699699",
 ...