JSFiddle - React, Tailwind, and code Playground

by Dmitri Ganenco

HTML

<div id="checkbox_div">
    <label><input type="checkbox" value="showroom sales">showroom sales</label><br>
    <label><input type="checkbox" value="Service Center">Service Center</label><br>
    <label><input type="checkbox" value="Quick Service">Quick Service</label><br>
    <label><input type="checkbox" value="Spare Parts">Spare Parts</label>
</div>
<ol id="container"></ol>

JavaScript

const arr = 
  [
{
  "showroomname": "karama",
  "showroomphone" : "920023345",
  "showroomdistance" : "4m",
  "showroomservices": ["Showroom Sales", "Spare Parts", "Quick Service" ],
  "showroomemail" : "[email protected]",
  "showroomdirection" : "https://www.google.com/maps/dir//21.368971,39.801534",
  "statename" : "Dubai"
},
{
  "showroomname": "financial center",
  "showroomphone" : "920023345",
  "showroomdistance" : "44.3 m",
  "showroomservices": ["Showroom Sales", "Service Centre", "Spare Parts" ],
  "showroomemail" : "[email protected]",
  "showroomdirection" : "https://www.google.com/maps/dir//21.368971,39.801534",
  "statename" : "Dubai"
},
{
  "showroomname": "downtown",
  "showroomphone" : "920023345",
  "showroomdistance" : "213.6 m",
  "showroomservices": ["Showroom Sales", "Service Centre", "Spare Parts", "Quick Service" ],
  "showroomemail" : "[email protected]",
  "showroomdirection" : "https://www.google.com/maps/dir//21.368971,39.801534",
  "statename" : "Dubai"
},
{
  "showroomname": "jumierah",
  "showroomphone" : "920023345",
  "showroomdistance" : "100 m",
  "showroomservices": ["Service Centre", "Spare Parts", "Quick Service" ],
  "showroomemail" : "[email protected]",
  "showroomdirection" : "https://www.google.com/maps/dir//21.368971,39.801534",
  "statename" : "Dubai"
},
{
  "showroomname": "Al Qouz",
  "showroomphone" : "920023345",
  "showroomdistance" : "213.6 m",
  "showroomservices": ["Showroom Sales", "Service Centre", "Quick Service" ],
  "showroomemail" : "[email protected]",
  "showroomdirection" : "https://www.google.com/maps/dir//21.368971,39.801534",
  "statename" : "Dubai"
},
{
  "showroomname": "Al Barsha",
  "showroomphone" : "920023345",
  "showroomdistance" : "213.6 m",
  "showroomservices": ["Showroom Sales", "Spare Parts", "Quick Service" ],
  "showroomemail" : "[email protected]",
  "showroomdirection" : "https://www.google.com/maps/dir//21.368971,39.801534",
  "statename" : "Dubai"
},
{
  "showroomname": "Al Masaood Automobiles -...