إضافة عنصر HTML جديد ؟؟

الزر

var button = document.getElementById("button");

حدث النقر على الزر

button.onclick = function () { /* code */ };

الأكواد الثلاثة التالية توضع في ال function أعلاه

إنشاء عنصر

var input = document.createElement("input");

تنسيق العنصر بال css

input.setAttribute("style","/* code css */");

وضع العنصر في نهاية ال body

document.body.appendChild("input");

هذا الكود كاملا

 var button = document.getElementById("button");
 button.onclick = function () {  
     var input = document.createElement("input");
     input.setAttribute("style","/* code css */");
     document.body.appendChild("input");
 };