JSFiddle - React, Tailwind, and code Playground

by cheongjin kim

HTML

<div id="origin-data" class="box">

</div>

<div id="reference-data" class="box">

</div>

<div id="clone-data" class="box">

</div>

CSS

.box {
	width:200px;
	height:50px;
	border:1px solid #b5b5b5;
	padding:5px;
	margin:10px;
}

JavaScript

var box = [
	document.getElementById('origin-data'),
	document.getElementById('reference-data'),
	document.getElementById('clone-data')
	];
	
var originData = {
	hello: 'world'
}

var referenceData = originData
var cloneData = JSON.parse(JSON.stringify(originData))

referenceData.hello = 'good'
cloneData.hello = 'clone'


box[0].innerHTML = JSON.stringify(originData)
box[1].innerHTML = JSON.stringify(referenceData)
box[2].innerHTML = JSON.stringify(cloneData)