Sorduğun soru çok zor bir şey değil daha çok amelelik gerektiren bir sorun. Aşağıdaki linkleri incelersen belli derece kafanda birşeyler oluşabilir.

https://www.w3schools.com/jsref/prop_doc_body.asp
https://www.w3schools.com/jsref/met_document_createelement.asp
https://www.w3schools.com/jsref/met_node_appendchild.asp
https://www.w3schools.com/jsref/event_onclick.asp

İnternette bulduğum küçük bir örneği de sıkıştırayım;
http://jsfiddle.net/adiioo7/vmfbA/

Kaynak:https://stackoverflow.com/questions/15741006/adding-div-element-to-body-or-document-in-javascript