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

时间:2019-08-26 02:27:34

标签: javascript html variables

我正在尝试创建一个简单的聊天室程序,该程序从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 ""

1 个答案:

答案 0 :(得分:0)

您可以尝试更换 para.textContent =文本Box.value

我希望它能解决问题。

谢谢。