JSFiddle - React, Tailwind, and code Playground

by Morten Punnerud Engelstad

HTML

<html>
<body>

	<textarea rows="20" cols="70" id="textInput"></textarea>
	<br><button onclick="run();">Run</button>
	<br><div id="data"></div><br>
<script>

	function run(){
		a = document.getElementById('textInput').value
		b = a.split("\n")
		c = []
		b.forEach(myFunction);

		function myFunction(item, index) {
		  c[index] = item.split("\t")
		}

		function escapeHtml(unsafe) {
		    return String(unsafe)
		         .replace(/&/g, "&amp;")
		         .replace(/</g, "&lt;")
		         .replace(/>/g, "&gt;")
		         .replace(/"/g, "&quot;")
		         .replace(/'/g, "&#039;");
		 }

		function makeTableHTML(myArray) {
		    var result = "<table border=1>";
		    for(var i=0; i<myArray.length; i++) {
		        result += "<tr>";
		        for(var j=0; j<myArray[i].length; j++){
		        	k = escapeHtml((myArray[i][j]));
		            result += "<td>"+k+"</td>";
		        }
		        result += "</tr>";
		    }
		    result += "</table>";

		    return result;
		}

		console.log(makeTableHTML(c))
		document.getElementById('data').innerHTML = makeTableHTML(c)
		
		
	}
</script>
	</body>
	</html>