Javascript 如何从表单中获取值并在文本区域中显示？

我有一个带有简单表单的页面，我无法从表单中获取值并在文本区域中显示它们。我知道这是一个简单的表单，但我不擅长javascript，所以我需要你的帮助，请帮助我。 这是我的代码，HTML中有javascript和CSS

形式
函数get（）{
var txt=document.getElementById（'txt1'）.value；
var txt=document.getElementById（'txt2'）.value；
var txt=document.getElementById（'txt3'）。值；
var txt=document.getElementById（'txt4'）.value；
var txt=document.getElementById（'txt5'）。值；
var txt=document.getElementById（'txt6'）。值；
document.getElementById（'txt7'）。value=txt1+txt2+txt3+txt4+txt5+txt6；
}
身体
{
保证金：0；
填充：0；
背景：url（f5.jpg）；
背景尺寸：封面；
字体系列：无衬线；
}
.loginBox
{
位置：绝对位置；
最高：55%；
左：50%；
转换：翻译（-50%，-50%）；
宽度：350px；
身高：90%；
填充：80px 40px；
框大小：边框框；
背景：rgba（0,0,0,5）；
}
.用户
{
宽度：100px；
高度：100px；
边界半径：50%；
溢出：隐藏；
位置：绝对位置；
顶部：计算（-100px/2）；
左：计算（50%-50px）；
}
氢
{
保证金：0；
填充：0 20px；
颜色：金色；
文本对齐：居中；
}
.loginBox p
{
保证金：0；
填充：0；
字体大小：粗体；
颜色：#fff；
}
.loginBox输入
{
宽度：100%；
边缘底部：20px；
}
.loginBox输入[type=“text”]，
.loginBox输入[type=“number”]
{
边界：无；
边框底部：1px实心#fff；
背景：透明；
大纲：无；
高度：15px；
颜色：#fff；
字体大小：16px；
}
：：占位符
{
颜色：rgba（255255255,5）；
}
按钮
{
边界：无；
大纲：无；
高度：40px；
颜色：白色；
字体大小：16px；
背景：蓝色；
光标：指针；
边界半径：20px；
}
.按钮：悬停
{
背景：efed40；
颜色：#262626；
}
.loginBox a
{
颜色：#fff；
字体大小：14px；
字体大小：粗体；
文字装饰：无；
}
.u1{
列表样式类型：无；
利润率：1%；
填充：0；
宽度：20%；
身高：8%；
左：0%；
溢出：隐藏；
左侧填充：-5%；
}
a{
显示：内联；
颜色：黑色；
填充物：2%4%；
文字装饰：无；
字体大小：100%；
文本对齐：左中对齐；
边际：0px；
}
a:悬停{
背景：rgba（0,0,0,5）；
颜色：黄色；
}
文多斯尼特德纳特酒店
埃姆里

姆比姆里

摩沙

身份证

文德林贾

电传

梅尔特德纳特酒店
德赫纳·朱福田·简：

---

请看一下哪里出了问题，因为我找不到错误，我感谢你们的帮助。提前感谢

，因为表单中的按钮默认情况下会提交重新加载页面的表单。您可以通过“仅提交”按钮删除行为提交：

<button type="button"  class="button" onclick="get();">Merr te dhenat</button>

或类似于主题功能：

    function get(){
        var txt1 = document.getElementById('txt1').value;
        var txt2 = document.getElementById('txt2').value;
        var txt3 = document.getElementById('txt3').value;
        var txt4 = document.getElementById('txt4').value;
        var txt5 = document.getElementById('txt5').value;
        var txt6 = document.getElementById('txt6').value;
        document.getElementById('txt7').value =
            "text:" + txt1 + "\n" +
            "text:" + txt2 + "\n" +
            "text:" + txt3 + "\n" +
            "text:" + txt4 + "\n" +
            "text:" + txt5 + "\n" +
            "text:" + txt6 ;
    }

---

因为默认情况下表单中的“提交表单”按钮会重新加载页面。您可以通过“仅提交”按钮删除行为提交：

<button type="button"  class="button" onclick="get();">Merr te dhenat</button>

或类似于主题功能：

    function get(){
        var txt1 = document.getElementById('txt1').value;
        var txt2 = document.getElementById('txt2').value;
        var txt3 = document.getElementById('txt3').value;
        var txt4 = document.getElementById('txt4').value;
        var txt5 = document.getElementById('txt5').value;
        var txt6 = document.getElementById('txt6').value;
        document.getElementById('txt7').value =
            "text:" + txt1 + "\n" +
            "text:" + txt2 + "\n" +
            "text:" + txt3 + "\n" +
            "text:" + txt4 + "\n" +
            "text:" + txt5 + "\n" +
            "text:" + txt6 ;
    }

函数get（）{
var t1=document.getElementById（“text1”）.value
var t2=document.getElementById（“text2”）.value
var t3=document.getElementById（“text3”）.value
var t4=document.getElementById（“text4”）.value
document.getElementById（“textarea”）.value=t1+t2+t3+t4；
}

函数get（）{
var t1=document.getElementById（“text1”）.value
var t2=document.getElementById（“text2”）.value
var t3=document.getElementById（“text3”）.value
var t4=document.getElementById（“text4”）.value
document.getElementById（“textarea”）.value=t1+t2+t3+t4；
}

不同的文本框使用相同的var

var txt=document.getElementById（'txt1'）.value应该是
var txt1=…
等等，对于txt2，….在哪里？或者使用
var txt=document.getElementById（'txt1'）.value；txt+=document.getElementById（'txt2'）.value所有变量名都是“txt”，将其更改为txt1、txt2等。您对不同的文本框使用相同的变量
var txt=document.getElementById（'txt1'）.value应该是
var txt1=…
等等，对于txt2，….在哪里？或者使用
var txt=document.getElementById（'txt1'）.value；txt+=document.getElementById（'txt2'）.value所有变量名都是“txt”，将其更改为txt1、txt2等。如何在新的行中添加它们。。。姓名：x姓氏：y etchow我可以在新的行中添加它们吗。。。姓名：x姓氏：y等