Inputs Dinamico e soma dos valores

Inputs Dinamico e soma dos valores

by Angelo Rogério Rubin

HTML

<button type="button" id="my-btn" class="btn-add">add</button>
<a href="#">link</a>
<div id="my-block">
    
</div>

CSS

.btn-add {
    background-color: salmon;
    color: black;
    font-size: 1em;
    padding: 5px 10px;
    border: none;
    margin: 2px;
}

#my-block {
    padding: 5px;
    margin: 2px;
    border: 2px solid #CCC;
}

JavaScript

'use strict';
(function(){
    var qtd = 3;
    var id = 0;
    var element = $('<input>');
    $(document).on('click', function(e){
        if(e.target.nodeName == 'BUTTON'){
            var id = $(e.target).prop('id');
            if(id == 'my-btn'){
                $('#my-block').prepend(element).prop('id',id+1);
            }
        }
    })
}())