JSFiddle - React, Tailwind, and code Playground

by Matt Howey

HTML

<div class="output"></div>
<button type="button" id="changeData">
  Change Dataset
</button>

JavaScript

var rightData = {
    "info": {
    	"dataset": "right",
      "dr_name": "Right Doctor",
      "patient_info": "Right Patient",
      "patient_age": 44
    },
    "calc-details": {
      "field1": "this is right field 1"
    }
  };
  leftData = {
    "info": {
    	"dataset": "left",
      "dr_name": "Left Doctor",
      "patient_info": "Left Patient",
      "patient_age": 44
    },
    "calc-details": {
      "field1": "this is left field 1"
    }
  };
	localstorage = window.localStorage;
  localstorage.setItem('rightData', JSON.stringify(leftData));
  localstorage.setItem('leftData', JSON.stringify(rightData));
  var data = leftData;
  $.fn.outputData = function(data) {
    $(".output").append(JSON.stringify(data.info.dr_name));
    $(".output").append(JSON.stringify(data.info.patient_info));
    $(".output").append(JSON.stringify(data.info.patient_age));
    
    if (data.info.dataset == "left") {
    	data = rightData;
    }
  }
  
  $("#changeData").click(function() {
   
    $(this).outputData();
  });
  
  $(this).outputData(leftData);