JSFiddle - React, Tailwind, and code Playground

by orthosie

HTML

http://scphillips.com/units/convfact.html

JavaScript

var factors = {
[
  {
    "from": {
       "abbr" : "mm",
       "name" : "millimeter",
       "factor" : 0.001
    } , "to" :  {
         "abbr" : "m",
       "name" : "meter",
       "factor" : 1000 
    }, 
    "category" : "length",
    "tags" : "distance,metric",
    "description" : "",
    "useabbr" : false
  },
    {
    "from": {
       "abbr" : "dm",
       "name" : "decimeter",
       "factor" : 0.1
    } , "to" :  {
         "abbr" : "m",
       "name" : "meter",
       "factor" : 10
    }, 
    "category" : "length",
    "tags" : "distance,metric",
    "description" : "",
    "useabbr" : false
  },
  {
    "from": {
       "abbr" : "cm",
       "name" : "centimeter",
       "factor" : 0.01
    } , "to" :  {
         "abbr" : "m",
       "name" : "meter",
       "factor" :  100
    }, 
    "tags" : "distance,metric",
    "category" : "length",
    "description" : "",
     "useabbr" : false
  },  
  {
    "from": {
       "abbr" : "in",
       "name" : "inch",
       "factor" : 0.0254
    } , "to" :  {
         "abbr" : "m",
       "name" : "meter",
    }, 
    "tags" : "distance,metric",
    "category" : "length",
    "description" : ""
  },   
    {
    "from": {
       "abbr" : "km",
       "name" : "kilo meter",
       "factor" : 1000
    } , "to" :  {
         "abbr" : "m",
       "name" : "meter",
       "factor" :  0.001
    }, 
    "tags" : "distance,metric",
    "category" : "length",
    "description" : ""
  }, 
  {
    "from": {
       "abbr" : "ft",
       "name" : "foot",
       "factor" : 0.3048,
    } , "to" :  {
         "abbr" : "m",
       "name" : "meter"
    }, 
    "tags" : "distance,metric",
    "category" : "length",
    "preferredurl" : "feet-to-meters"
  },
    {
    "from": {
       "abbr" : "yd",
       "name" : "yard",
       "factor" : 0.9144,
    } , "to" :  {
         "abbr" : "m",
       "name" : "meter",
    }, 
    "tags" : "distance,metric",
    "category" :"length",
    "preferredurl" : ""
  },   
   {
    "from": {
 ...