Как привязать динамическую переменную в JavaScript в HTML

Как мне связать идентификатор, который я получаю в переменной @ item.ArticleId, с кодом JavaScript, который получает идентификатор динамически?

В моем случае я должен показывать Текстовое поле комментария при щелчке по Кнопка добавления комментария.

Ниже приведен код того, как я получаю идентификатор статьи:

<span id = "addComment" onclick = "AddaComment()"><i class = "fa fa-comment" aria-hidden = "true" ></i> Add a Comment</span>

            <div id = "Comment(@item.ArticleId)" style = "display:none;">

                <input type = "hidden" name = "ArticleId" id = "ArticleId" />
                <input type = "text" name = "Comments" />
                <input type = "submit" class = "btn add-comment" value = "Add Comment">
            </div>

Ниже мой код для JavaScript:

function AddaComment() {
        var x = document.getElementById("Comment()");
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }