Мне понравилась эта библиотека: https://shopify.github.io/draggable/

Есть много других способов работы с DOM.

Можете читать книгу дальше, просто document.write - считается не лучшей практикой.

Если хотите вставлять html, как строку, выбираете объект элемента, который будет родительским и вставляете туда строку при помощи свойства innerHTML.

//Это конечно все делается, после загрузки документа, когда элементы уже будут созданы
var div = document.querySelector('div');
div.innerHTML = '<p>Some text</p>';

Также есть более явный способ создания и вставки элементов - document.createElement
Ссылка: learn.javascript.ru/modifying-document

Можете еще почитать про DocumentFragment:
Ссылка: learn.javascript.ru/multi-insert

Codepen
Если я правильно понял интересует что-то подобное?