JSFiddle - React, Tailwind, and code Playground

HTML

<button id="sort-by-length">Sort by length</button>
    <button id="sort-alphabetically">Sort alphabetically</button>

    <div id="liste" style="margin-top:10px;">

JavaScript

var arr = [
            {
                name: 'Nielsen',
                num: "#1",
                count: 255.138
  },
            {
                name: 'Jensen',
                num: "#2",
                count: 254.675
  },
            {
                name: 'Hansen',
                num: "#3",
                count: 213.339
  },
            {
                name: 'Pedersen',
                num: "#4",
                count: 161.074
  },
            {
                name: 'Andersen',
                num: "#5",
                count: 157.753
  },
            {
                name: 'Christensen',
                num: "#6",
                count: 118.117
  },
            {
                name: 'Larsen',
                num: "#7",
                count: 114.711
  },
            {
                name: 'Sørensen',
                num: "#8",
                count: 109.746
  },
            {
                name: 'Rasmussen',
                num: "#9",
                count: 93.723
  },
            {
                name: 'Jørgensen',
                num: "#10",
                count: 87.466
  },
            {
                name: 'Petersen',
                num: "#11",
                count: 78.329
  },
            {
                name: 'Madsen',
                num: "#12",
                count: 63.723
  },
            {
                name: 'Kristensen',
                num: "#13",
                count: 60.116
  },
            {
                name: 'Olsen',
                num: "#14",
                count: 47.579
  },
            {
                name: 'Thomsen',
                num: "#15",
                count: 39.117
  },
            {
                name: 'Christiansen',
                num: "#16",
                count: 36.656
  },
            {
                name: 'Poulsen',
                num: "#17",
                count: 31.874
  },
            {
                name: 'Johansen',
                num: "#18",
                count:...