При попытке создать два дива , не вижу их добавления в DOM , в хроме пустой body .
При выводе в консоль то что создаю динамически , получаю полноценный синтаксис дива .
Не понятно в чём дело ..


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TypeScriptApp</title>
<script src="node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
<div id="container2"></div>
<script src="main.js"></script>
</body>
</html>
window.onload = ()=> {
document.write("Document loaded!");
var container = elementCreator("div");
container.setAttribute("id","container");
container.innerText = "Hello from div container!";
console.log(container);
}
//method that will create any element
let elementCreator = (element:string) => {
return document.createElement(element);
}