JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tfoot>
        <tr>
            <td>
                <button id="addmore" onclick="duplicate()">Add More</button>
            </td>
        </tr>
    </tfoot>
    <tbody id="service">
        <tr>
            <td>Service Type:</td>
            <td>
                <input type="text" name="servicetype" id="servicetype" />
            </td>
        </tr>
        <tr>
            <td>Amount:</td>
            <td>
                <input type="text" name="amount" id="amount" />
            </td>
        </tr>
    </tbody>
</table>

JavaScript

var i = 0;

function duplicate() {
    var original = document.getElementById('service');
    var clone = original.cloneNode(true); // "deep" clone
    clone.id = "duplic" + ++i; // there can only be one element with an ID
    var table = document.querySelector("table");
    table.appendChild(clone);
}