JSFiddle - React, Tailwind, and code Playground

by karan shah

HTML

<input type="submit" id="byBtn" value="GetObject" onclick="getValue()"/>
<span id="result"></span>

JavaScript

function getValue() {
     
    var str1 = "class.order.top.kingdom";
    var str2 = "val";
    var res = makeObject(str1,str2);
   	
    document.getElementById("result").innerHTML = JSON.stringify(res);
}

//Start with the last word create key/value and traverse backwards
//to create key/value for each object
function makeObject(str1,str2){
    var arr = str1.split(".");
	for(var i=arr.length-1; i>=0; i--){
			var temp = {};
			temp[arr[i]]=str2;
			str2 = temp;
	}
	return str2;
}