How to add button to an HTML page in MVC using JAVASCRIPT

Hello,

You can use below function for create dynamic input type using Javascript function.

$(document).ready(function () {

add("button");
});

function add(type) {
  //Create an input type dynamically.   
  var element = document.createElement("input");
  //Assign different attributes to the element. 
  element.type = type;
  element.value = type; // Really? You want the default value to be the type string?
  element.name = type; // And the name too?
  element.onclick = function() { // Note this is a function
    alert("Demo");
  };

  var foo = document.getElementById("SpanName");
  //Append the element in page (in span).  
  foo.appendChild(element);
}
document.getElementById("btnAdd").onclick = function() {
  add("text");
};
<input type="button" id="btnAdd" value="Add Text Field">
<p id="fooBar">Fields:</p>

If you have any query regarding this solution, please ask me.