使用JavaScript将字符添加到文本区域或插入符号位置的末尾？

我试图通过获取textarea的值并将innerHTML更改为VALUE+mychar来实现这一点。如果我没有向预加载的textarea添加任何字符串，它就可以工作，但之后它就不工作了（意味着它什么也不做）。为什么不在我向textarea添加新字符串之后呢？我更喜欢用同样的方法。请避免使用jQuery，除非非常重要。
HTML：

<button onclick = "AddLess()" class = "class">
    &lt;
    </button>
    <button onclick = "AddMore()" class = "class">
    &gt;
    </button>
    <button onclick = "AddExl()" class = "class">
    !
    </button>
    <button onclick = "AddQuote()" class = "class">
    "
    </button>
    <button onclick = "AddThing1()" class = "class">
    {
    </button>
    <button onclick = "AddThing2()" class = "class">
    }
    </button>
    <button onclick = "AddFin()" class = "class">
    /
    </button>
    <button onclick = "AddSingle()" class = "class">
    '
    </button>
    <button onclick = "AddPlus()" class = "class">
    +
    </button>

function AddLess()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "<";
}
function AddMore()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + ">";
}
function AddExl()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "!";
}
function AddQuote()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + '"';
}
function AddThing1()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "{";
}
function AddThing2()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "}";
}
function AddFin()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "/";
}
function AddSingle()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "'";
}
function AddPlus()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "+";
}
function AddBracket1()
    {
        document.getElementById('code').innerHTML = document.getElementById('code').value + "(";
    }
function AddBracket2()
    {
document.getElementById('code').innerHTML = document.getElementById('code').value + ")";
    }
function AddDot()
    {
document.getElementById('code').innerHTML = document.getElementById('code').value + ".";
    }
function AddSemi()
    {
        document.getElementById('code').innerHTML = document.getElementById('code').value + ";";
    }

!
"
{
}
/
'
+

JavaScript：

<button onclick = "AddLess()" class = "class">
    &lt;
    </button>
    <button onclick = "AddMore()" class = "class">
    &gt;
    </button>
    <button onclick = "AddExl()" class = "class">
    !
    </button>
    <button onclick = "AddQuote()" class = "class">
    "
    </button>
    <button onclick = "AddThing1()" class = "class">
    {
    </button>
    <button onclick = "AddThing2()" class = "class">
    }
    </button>
    <button onclick = "AddFin()" class = "class">
    /
    </button>
    <button onclick = "AddSingle()" class = "class">
    '
    </button>
    <button onclick = "AddPlus()" class = "class">
    +
    </button>

function AddLess()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "<";
}
function AddMore()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + ">";
}
function AddExl()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "!";
}
function AddQuote()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + '"';
}
function AddThing1()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "{";
}
function AddThing2()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "}";
}
function AddFin()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "/";
}
function AddSingle()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "'";
}
function AddPlus()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "+";
}
function AddBracket1()
    {
        document.getElementById('code').innerHTML = document.getElementById('code').value + "(";
    }
function AddBracket2()
    {
document.getElementById('code').innerHTML = document.getElementById('code').value + ")";
    }
function AddDot()
    {
document.getElementById('code').innerHTML = document.getElementById('code').value + ".";
    }
function AddSemi()
    {
        document.getElementById('code').innerHTML = document.getElementById('code').value + ";";
    }

函数AddLess（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+“”；
}
函数AddExl（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+“！”；
}
函数AddQuote（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+'；
}
函数AddThing1（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。值+“{”；
}
函数AddThing2（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+“}”；
}
函数AddFin（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+“/”；
}
函数AddSingle（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+“'”；
}
函数AddPlus（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。值+“+”；
}
函数AddBracket1（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+“（”；
}
函数AddBracket2（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+”；
}
函数AddDot（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。value+“；
}
函数AddSemi（）
{
document.getElementById（'code'）。innerHTML=document.getElementById（'code'）。值+“；”；
}

---

对我有效

为什么设置

innerHTML

而不设置

值

？我试过了，效果很好

elem.value+=myChar@Сааааааааааааааааа。您是否在控制台中遇到任何错误或其他可能表明其他地方有问题的东西？可能是@Bic的重复起初它工作得很好，但如果您专注于文本区域并键入字符串，之后它将无法工作。