Comment List and Form

comment.js

function addComment() {
    const commentContent = document.getElementById('comment').value;
  
    if (commentContent) {
        const list = document.getElementById('commentList');
        const newComment = document.createElement('li');
        
        newComment.appendChild(document.createTextNode(commentContent));
        list.appendChild(newComment);
    }
    
    document.getElementById('comment').value = '';
}

function setup() {
    const postButton = document.getElementById('postComment');
    postButton.addEventListener('click', function(event) {
        addComment(); 
    });
}


// Example case. 
document.body.innerHTML = `
<ul id='commentList'>
</ul>
<form>
  <input type='text' id='comment'/>
  <input type='button' id='postComment' value='Post'/>
</form>`;

setup();

document.getElementById("comment").value = "test"; 
document.getElementById("postComment").click();
console.log(document.body.innerHTML);