JSFiddle - React, Tailwind, and code Playground
by TiagoSalgado
HTML
<script src="http://benjamine.github.io/jsondiffpatch/build/bundle.js"></script>
<script src="http://benjamine.github.io/jsondiffpatch/build/formatters.js"></script>
<script src="http://benjamine.github.io/jsondiffpatch/external/diff_match_patch_uncompressed.js"></script>
<link rel="stylesheet" href="http://benjamine.github.io/jsondiffpatch/src/formatters/annotated.css">
<link rel="stylesheet" href="http://benjamine.github.io/jsondiffpatch/src/formatters/html.css">
<div id="changelog-differences"></div>JavaScript
var arr1 = {"Benefits":{"CashbackBands":[],"Id":6894,"Charitable":false,"Cashback":false,"Airmiles":false,"Points":false,"Vouchers":null,"Travel":null,"Avios":null,"Discount":null,"CreditBuilder":false,"TravelInsuranceLimit":null,"PurchaseProtectionDays":null,"LoyaltyNote":null,"CashbackNote":null},"Details":{"ManageVia":{"Id":6894,"Online":false,"Branch":true,"Telephone":true,"Smartphone":null,"Post":true},"Id":6894,"CardType":1,"DaysInterestFree":59,"DaysToPay":28,"ContactlessPayments":null,"ContactlessPaymentsLimit":null,"MonthlyPaymentMin":5,"MonthlyPaymentMinPercent":3,"CreditLimitMin":250,"CreditLimitMax":0,"CreditLimitNote":"Subject to status","InterestChargedNote":"Interest charged from statement date if account not cleared in full each month. Interest on cash and debt transfers will be charged on a daily basis, from the date of withdrawal or debt transferred/date withdrawal or debt transfer charged to account, even if account is cleared in full each month.","RepaymentNote":"If you do not pay off your balance in full, we will allocate payments we receive to your account in the following order:\n1. Towards balances on which interest is charged at the Standard Rate\n2. Towards balances on which interest is charged at any rate which is less than the Standard Rate\n3. Towards balances on which interest is charged at...