generiranje checkbox

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
div
{
    margin-top: 10px;

}
    label
    {
        display: inline-block;
        width: 100px;
    }
</style>
<body>
<h1>Generiranje checkbox</h1>
<div>
    <label>Number of Elements</label>
    <input id="numberOfElements" type="number">

</div>
<div>
    <label>Type</label>
    <select id="type" style="width: 150px">
        <option value="CheckBox">CheckBox</option>
        <option value="Radio">RadioBox</option>

    </select>


</div>
<div><input type="button" value="ADD" id="funkcija" style="width: 250px" onclick="funkcija()"></div>
<div id="buttons"></div>

</body>
</html>
<script>
    function funkcija() {
        var a=parseInt(document.getElementById('numberOfElements').value);
        var tip=parseInt(document.getElementById('type').value);
        var buttons=document.getElementById('buttons');
        buttons.innerHTML="";
        for(var i = 0 ; i < a ; i ++)
        {
            var button = document.createElement("input");
            buttons.setAttribute('type',tip);
            var text=document.createTextNode(i);
            buttons.appendChild(button);
            buttons.appendChild(text);
        }

    }

</script>