для текста / javascript, дает шаблоны должны отвечать только за отображение состояния в пользовательский интерфейс в приложении / javascript добавить 2 столбца

Question

У меня есть ситуация с приложением / javascript, оно добавляет 2 строки размера при нажатии + и

при выдаче текста / javascript. Шаблоны должны отвечать только за сопоставление состояния с UI. Избегайте размещения в шаблонах тегов с побочными эффектами, например, так как они не будут анализироваться.

<script type="application/javascript"> // adds 2 rows of size
// <script type="application/javascript"> //  Templates should only be responsible for mapping the state to the UI 

$(document).ready(function(){
var count = 1;
dynamic_field(count);
function dynamic_field(number)
{
    html = '<tr>';
    html += '<td><input type="number" name="size[]" class="form-control" placeholder="Quantity"/></td>';
    if(number > 1)
    {
        html += '<td><button type="button" name="remove" id="" class="btn btn-danger remove col-12"><i class="fa fa-minus"></i></button></td></tr>';
        $('tbody').append(html);
    }
    else
    {   
        html += '<td><button type="button" name="add" id="add" class="btn btn-success col-12"><i class="fa fa-plus"></i></button></td></tr>';
        $('tbody').html(html);
    }
}

$(document).on('click', '#add', function(){
  count++;
  dynamic_field(count);
});
</script>