JSFiddle - React, Tailwind, and code Playground

by Vasiliy Altunin

HTML

<div id="result"></div>

JavaScript

function randomString(length) {
    return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1);
}

var uid = randomString(32);
var spentAmount = 1000;
var selectedCategory = "category 1";
var formattedDate="01.01.2001";
var formattedTime="10:00";
var note = "memo";

var expensesObjectStr = "{"+ '"'+ uid+'"'+": {"+
    '"amount"'+":"+ spentAmount+","+
    '"category"'+":"+'"'+ selectedCategory+'"'+","+
    '"date"'+": "+'"'+ formattedDate+'"'+","+
    '"time"'+": "+'"'+ formattedTime+'"'+","+
    '"note"'+": "+'"'+ note+'"'+
  "} }";

$("#result").html(expensesObjectStr);

var obj = jQuery.parseJSON(expensesObjectStr);

$("#result").append("<hr>"+obj.toSource());