我正在尝试创建一个简单的聊天室程序,该程序从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 ""
答案 0 :(得分:0)
您可以尝试更换 para.textContent =文本Box.value
我希望它能解决问题。
谢谢。