Javascript 如何使我的按钮在I'；我一直在写？

我想做一些“博客”按钮。我想点击一个按钮，然后它会在我的文本区域中写下我点击的任何按钮。但由于某些原因，如果我在点击之前在文本区写过或做过任何事情，它不会添加

<button onClick="knapp('lank')">Länk</button>
<button onClick="knapp('fet')">Fet</button>
<button onClick="knapp('bild')">Bild</button>
<br><br>
<textarea id='knappar' rows="10" cols="50"></textarea>

Länk
场效应晶体管
图片报

我的脚本代码是

function knapp(value)
{   
var text;

switch(value){
    case "fet":
    text = '<b></b>';
    break;
    case "lank":
    text = '<a href="https://www.hemsida.com">Klicka här</a>';
    break;
    case "bild":
    text = '<img src="https://www.hemsida.com">';
    break;
}
var pp = document.createTextNode(text);
document.getElementById('knappar').appendChild(pp);

函数knapp（值）
{   
var文本；
开关（值）{
案例“fet”：
文本=''；
打破
案例“lank”：
文本=''；
打破
《图片报》案例：
文本=''；
打破
}
var pp=document.createTextNode（文本）；
document.getElementById（'knappar'）.appendChild（pp）；

}

因此，当我单击按钮时，它会写入和附加。但是如果我一直在写，或者删除一些东西，它就不起作用了

我对Javascript还不太熟悉，所以很抱歉没有问题。

尝试使用

document.getElementById('knappar').value += text;

而不是

var pp = document.createTextNode(text);
document.getElementById('knappar').appendChild(pp);

---

完整示例

函数knapp（值）{
var文本；
开关（值）{
案例“fet”：
文本=''；
打破
案例“lank”：
文本=''；
打破
《图片报》案例：
文本=''；
打破
}
var pp=document.createTextNode（文本）；
document.getElementById（'knappar'）。value+=text；
}

Länk
场效应晶体管
图片报

是的，就是这样！非常感谢：）