JSFiddle - React, Tailwind, and code Playground

by mrunali tatkundawar

HTML

<div id="display1"></div>
<div id="display2"></div>
<div id="display3"></div>
<button>Click </button><br>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

JavaScript

$(document).ready(function(){
  $("button").click(function(){
    var order1 = {
      oranges :20,
      apple :130,
      mango:50
    };

    var order2={
      oranges :50,
      apple:160,
      mango:90
    };

    $("#display1").append("</br>order no 1:" + JSON.stringify(order1));
    $("#display2").append("</br>order no 2:" + JSON.stringify(order2));
    $.extend(true,order1,order2);
    $("#display3").append("</br>Final order:" + JSON.stringify(order1));

  })
})