how to create dynamic control when button click in html/javascript?

<input type="button" value="Add" onclick="add()" />
<div id="divEl"></div>

function add() {
 
    //Create an input type dynamically.
    var element = document.createElement("input");
 
    //Assign different attributes to the element.
    element.setAttribute("type", "button");
    element.setAttribute("value", "text");
    element.setAttribute("name", "radio");
 
 
    var divEl= document.getElementById("divEl");
 
    //Append the element in page (in span).
    divEl.appendChild(element);
 
}