document.createTextNode

How to us createTextNode

HTML

<button onclick="addTextNode('YES! ');">YES!</button>
<button onclick="addTextNode('NO! ');">NO!</button>
<button onclick="addTextNode('WE CAN! ');">WE CAN!</button>
<hr />
<p id="p1">First line of paragraph.</p>
<div id="container-info-bottom">
<ul>
</ul>
</div>

JavaScript

function addTextNode(text) {
			let list = document.querySelector('#container-info-bottom ul');
			let newLI = document.createElement('li');
			let element = newLI.appendChild(document.createTextNode("polla"));
			console.log(element)
			list.appendChild(newLI);
      
    var newtext = document.createTextNode(text),
        p1 = document.getElementById("p1");
    
    p1.appendChild(newtext);
}