Javascript 如何打印文本区域值？

我是编程新手，但我已经学习了HTML、CSS和基本DOM

我只想把人们打字的方式像留言簿一样打印出来。尽管我在上面写了几封信并点击了评论，但什么也没发生。我想能够键入一条消息，并将其打印在下面。我该怎么做

如果有人知道这个问题，请告诉我

函数fn1（）{
var str=document.getElementById（“text1”）.value；
警惕（“谢谢！”）；
}

*{
保证金：0；
填充：0；
框大小：边框框；
}
身体{
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：100vh；
背景色：白色；
字体系列：无衬线；
/*
背景图片：url（guest.jpg）；
背景尺寸：450px；
*/
}
.集装箱{
宽度：600px；
边框：2件纯黑；
填充：15px 10px；
}
.容器h2{
文本对齐：居中；
边缘底部：15px；
}
文本区{
高度：25px；
宽度：100%；
边界：无；
边框底部：2倍纯色灰色；
背景色：透明；
边缘底部：10px；
调整大小：无；
大纲：无；
转换：.5s
}
.btn按钮{
填充：10px 15px；
边界：无；
大纲：无；
边界半径：5px；
文本转换：大写；
字体大小：粗体；
光标：指针；
颜色：白色；
背景颜色：橙色；
}
钮扣{
颜色：灰色；
背景颜色：浅灰色；
}

访客评论
请给我们留言
评论

您遗漏了两件事，我将向您解释。如果你有任何问题，尽管问他们

首先，您必须阻止表单提交。为此，可以将函数绑定到onsubmit事件

其次，您必须将文本框的值附加到结果段落

造型等问题应该由你来解决。我使用的列表不是必须的

函数fn1（）{
设li=document.createElement（“li”）；
让text=document.createTextNode（document.getElementById（“text1”）.value）；
李.儿童（文本）
document.getElementById（“结果”）.appendChild（li）；
警惕（“谢谢！”）；
}
函数submithandler（事件）{
event.preventDefault（）；
}

*{
保证金：0；
填充：0；
框大小：边框框；
}
身体{
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：100vh；
背景色：白色；
字体系列：无衬线；
/*背景图片：url（guest.jpg）；
背景尺寸：450px*/
}
.集装箱{
宽度：600px；
边框：2件纯黑；
填充：15px 10px；
}
.容器h2{
文本对齐：居中；
边缘底部：15px；
}
文本区{
高度：25px；
宽度：100%；
边界：无；
边框底部：2倍纯色灰色；
背景色：透明；
边缘底部：10px；
调整大小：无；
大纲：无；
转换：.5s
}
.btn按钮{
填充：10px 15px；
边界：无；
大纲：无；
边界半径：5px；
文本转换：大写；
字体大小：粗体；
光标：指针；
颜色：白色；
背景颜色：橙色；
}
钮扣{
颜色：灰色；
背景颜色：浅灰色；
}

访客评论
请给我们留言
评论

另一个JS解决方案：

var form = document.forms[0];
var textarea = document.getElementById('text1');
var result = document.getElementById('result');

form.onsubmit = () => {
   result.innerHTML = '<li>' + textarea.value + '</li>';
   return false;
}

var form=document.forms[0]；
var textarea=document.getElementById（'text1'）；
var result=document.getElementById（'result'）；
form.onsubmit=（）=>{
result.innerHTML='
'+textarea.value+'
'；
返回false；
}

您已经非常接近了。只需将文本框的值附加到p元素中即可。非常感谢！它在代码片段上工作，但在Chrome上不工作。你知道为什么吗？检查控制台是否有错误（f12）。无法告诉您它为什么不起作用引用错误：事件未定义@AbsoluteNeighterHMM再次重试，上面写着“fn1，submithandler未定义”。不过看起来很好。我会弄明白的。谢谢你！！在发布之前，我已经在我的电脑上测试过了，它运行正常。查看控制台日志。