无法将文本框值存储在变量中

Question

我正在尝试创建一个简单的聊天室程序，该程序从 html 文本框接收数据并将其显示在容器内。 我尝试通过将文本框值设置为新创建的段落元素来实现这一点，但由于某种原因，我无法将文本框值存储到另一个变量中。

当我 console.log 文本变量时，它应该显示我输入的文本，但它只显示一个空字符串。

const container = document.querySelector('.container');
let textBox = document.querySelector('.text-box');
let para = document.createElement('p');
let text = textBox.value;

 /*
textBox.addEventListener('keyup', (event) => {
    if (event.keycode === 13) {

    }
})
*/

para.textContent = text;
container.appendChild(para);

//console.log(textBox.value) => displays the value that I enter into the field.
//console.log(text) => displays ""

Answer 1

您可以尝试替换 para.textContent = text Box.value

我希望它能解决问题。

谢谢。