function createCommentElementDOM(commentData) {
    const commentElement = 
    `
        <li class="media">
            <div class="media-body">
                <strong class="text-success">${commentData.author}</strong>
                <p>
                ${commentData.comment}
                </p>
            </div>
        </li>
        <hr>
    `
    return commentElement
}
// function that creates a comment element on dom
function that creates a comment element on dom
function that creates a comment element on dom
function createCommentElementDOM(commentData) {
    const commentElement = 
    `
        <li class="media">
            <div class="media-body">
                <strong class="text-success">${commentData.author}</strong>
                <p>
                ${commentData.comment}
                </p>
            </div>
        </li>
        <hr>
    `
    return commentElement
}
function createCommentElementDOM ( commentData ) { const commentElement = ` ${ commentData . author } ${ commentData . comment } ` return commentElement }
function that creates a comment element on dom
function that creates a comment element on dom