JSFiddle - React, Tailwind, and code Playground

by Atur Garg

HTML

<div id="container"></div>


<input type="button" onclick="sortJsObject();" value="Click here to add div"/>

CSS

div {border:1px solid #ff0000; padding:10px;}
div#container {border:1px solid #ffcc00;}

JavaScript

function sortJsObject() {
    var dict = {"x" : 1, "y" : 6,  "z" : 9, "a" : 5, "b" : 7, "c" : 11, "d" : 17, "t" : 3};

    var keys = [];
    for(var key in dict) { 
       keys[keys.length] = key;
     }

     var values = []; 

     for(var i = 0; i < keys.length; i++) {
         values[values.length] = dict[keys [i]];
     }

     var sortedValues = values.sort(sortNumber);
     console.log(sortedValues);
    alert(sortedValues);     
    
}

function sortNumber(a,b) {
   return a - b;
}