var codeAreaDiv = document.createElement("div");
codeAreaDiv.className = "parent";
var codeInput = document.createElement("textarea");
codeInput.className= "child";
var codeSubmitButton = document.createElement("button");
codeSubmitButton.className = "child"
codeSubmitButton.onclick = submitButtonClicked ;

codeAreaDiv.style.setProperty("padding", "10px");
codeAreaDiv.style.setProperty("background", "#999");
codeAreaDiv.style.setProperty("flex-direction", "column");
codeAreaDiv.style.setProperty("align-items", "flex-end");

codeInput.style.setProperty("background", "#ccc");
codeInput.style.setProperty("margin","20px");
codeInput.style.setProperty("height","800px");
codeInput.style.setProperty("resize", "none");
codeInput.style.setProperty("width", "400px");

codeSubmitButton.style.setProperty("background", "#ccc");
codeSubmitButton.style.setProperty("margin", "20px");
codeSubmitButton.style.setProperty("height", "50px");
codeSubmitButton.style.setProperty("width", "100px");
codeSubmitButton.textContent = "Submit";

codeInput.name = "post";
codeInput.cols = "80";
codeInput.rows = "60";
codeInput.id = "codeArea";
codeAreaDiv.appendChild(codeInput); //appendChild
codeAreaDiv.appendChild(codeSubmitButton);
document.getElementById('menu-container').appendChild(codeAreaDiv);