$(document).ready(function(){

    function createbutton(){

            var button = $("<button></button", {text: "+"})
            var id = $(this).attr("data-player-id");
            button.appendTo("li")
            button.attr("data-player-id")

            button.click(function(){
                $("span").html(parseInt($('span').html(), 10)+1);
                $(this).attr("data-player-id");


        })
    }

function createspan(){
        var span =$("<span></span", {text:"0"})
        var id = $(this).attr("data-player-id");
            span.appendTo("li")
            span.attr("data-player-id")
            $("span[data-player-id='+id+']")

}

    $("#add").click(function(){
        var text = $("#input1").val();
            if(text.length){
                $("<li/>", {html: text}).appendTo("#namelist")

            }
    })

    $("#start").click(function() {
        createspan($("#but").val());
        createbutton($("li").val());
            $("#div1").hide();
            $("header").hide();
    });
});