Table Maker

by Mohammad Reza Mahmoudi

HTML

<textarea name="" id="tableHtml" cols="50" rows="10" style="display:none;width:100%;"></textarea>
<br><br>
<textarea name="" id="name" cols="30" rows="10">name</textarea>
<textarea name="" id="discount" cols="30" rows="10">discount</textarea>
<textarea name="" id="address" cols="30" rows="10">address</textarea>
<textarea name="" id="tel" cols="30" rows="10">tel</textarea>
<br>
<button>go</button>
<br><br>
<table border="1"></table>

JavaScript

$("button").on("click", function(){
    $("#tableHtml").val('');
    $("table").html('');
	var inputName = $("#name").val();
    var inputDiscount = $("#discount").val();
    var inputAddress = $("#address").val();
    var inputTel = $("#tel").val();
	
    var inputNameSplit = inputName.split("\n");
    var inputDiscountSplit = inputDiscount.split("\n");
    var inputAddressSplit = inputAddress.split("\n");
    var inputTelSplit = inputTel.split("\n");
    
    for(var i = 0;i < inputNameSplit.length;i++){
        var series = i+1;
    	$("table").append("<tr></tr>");
            $("table tr").eq(i).append("<td class='series'>" + series  + "</td><td>" + inputNameSplit[i] + "</td><td>" + inputDiscountSplit[i] + "</td><td>" + inputAddressSplit[i] + "</td><td>" + inputTelSplit[i] + "</td>")
    }
    $("#tableHtml").val($("table tbody").html()).show();
});