JSFiddle - React, Tailwind, and code Playground
HTML
<script
src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous"></script>
<textarea id="dText"></textarea>
<table id="dJson"></table>
<button id="idvar">Click</button>
JavaScript
var json = '[{"tag":"a1","relevance":0.5},{"tag":"a2","relevance":0.3},{"tag":"c3","relevance":0.2}]';
$("#idvar").click(function(){
var d1 = document.getElementById("dText");
var d2 = document.getElementById("dJson");
var mytext = d1.textContent;
alert(mytext);
var data = JSON.parse(json);
var transform = {'<>': 'tr','html':'<td>${tag}</td><td>${relevance}</td>'};
var html = '<tr><th>Tag</th><th>Relevance</th></tr>';
for(var i=0; i<data.length; i++){
html +=
'<tr>' +
'<td>' +
data[i].tag +
'</td>' +
'<td>' +
data[i].relevance +
'</td>' +
'</tr>'
;
}
d2.innerHTML = html;
});