时间戳

首页 > 解决方案 > 我需要帮助！基本的 JavaScript

javascript - 我需要帮助！基本的 JavaScript

问题描述

所以我正在尝试为一个项目创建一个工作评论部分。它不需要在引导程序上或在刷新时仍然存在，我只是想让它工作。我觉得我已经接近解决这个问题了，但是我的代码有问题（正如控制台日志所说的那样）。拜托，我真的需要帮助:(这是我的javascript。

let commentSection = (event) => {
    let $addComment = document.querySelectorAll('.addComment')
    let $commentText = document.querySelectorAll('.comments')
    let $commentList = document.querySelectorAll('.commentList')
    let commentPost = commentText.value.trim();


    document.querySelectorAll('.commentList').innerHTML = `
    <li> Comment for the day: ${commentPost} </li>`
}

document.getElementById(`addComment`).addEventListener('click', commentSection);

和我的 HTML：

<div class="comment" id="comment">
    <form>
        <label for="comment"></label>
        <textarea class="comments" placeholder="Let us know what you think!" name="comments" id="comments"></textarea>
    </form>
    <button class="addComment" id="addComment"> COMMENT </button>
</div>
<div class="commList">
    <ul class="commentList" id="commentList"></ul>
</div>

chrome上的控制台登录说这部分有问题

let commentPost = commentText.value.trim();

我将不胜感激任何帮助！谢谢

标签： javascript

解决方案

你忘了$. let commentPost = $commentText.value.trim();

推荐阅读