add and remove child divs with ids

by Chance Nursey-Bush

HTML

<div id="parent">PARENT</div>
<div id="other">OTHER</div>

<button id="btnAddNewDiv">
Add New Div
</button>

<p id="myp"></p>

JavaScript

//var div = document.getElementById("parent");
//var length = div.children.length;

//document.getElementById("myp").innerHTML = length

document.getElementById('btnAddNewDiv').addEventListener('click', function(){
	addNewDiv("parent");
}, false);

window.addNewDiv = function(parentId){
	var parent = document.getElementById(parentId);
  
  var html = [];
  html[html.length] = "<div>Child";
  html[html.length] = "<button onclick='removeChildDiv(this)'>Remove Div</button>";
  html[html.length] = "</div>";
  parent.innerHTML += html.join("");

}

window.removeDiv = function (parentId, elementId){
		var element = document.getElementById(elementId);
		document.getElementById(parentId).removeChild(element);
}

window.removeChildDiv = function(element){
	element.parentNode.parentNode.removeChild(element.parentNode);
}