Как добавить текст (тег p с неизменяемым текстом) к созданным с помощью js блокам?

<div id="coms">
	<p class="margin" id="p_coms">Введите ваше имя:</p>
	<input type="text" id="text1"/>
	<br>
	<p class="margin" id="p_coms">Введите ваш комментарий:</p>
	<textarea id="textarea1" cols="40" rows="3"></textarea>
	<br>
	<button onclick="onClick();">Отправить</button>
</div>
<div id="container">
	
</div>

function onClick() {
    var container = document.getElementById("container");
    var textarea1 = document.getElementById("textarea1");
    var text1 = document.getElementById("text1");

    var len = container.querySelectorAll('.divA').length;
  	if(len >= 3){ return; }
  
    var div1 = document.createElement("div");
    var p1 = document.createElement("p");
    div1.className = "div1";
    p1.className = "p1";
    p1.innerHTML = "Комментарий:";
    div1.innerHTML = text1.value;
  
    var div2 = document.createElement("div");
    div2.className = "div2";
    div2.innerHTML = textarea1.value;
  
    var div = document.createElement("div");
    div.className = "divA";
    div.appendChild(div1);
    div.appendChild(div2);
  
    container.appendChild(div);
}