JS document.querySelector заменяет полностью textarea

let text = document.querySelector("textarea[name=text]") 
let add = (str) => text.insertAdjacentText('beforeend', str) 
add("<b>Текст</b>") 
add("<b>Текст</b>")

<textarea name="text" id="" cols="30" rows="10"></textarea>

let text = document.querySelector("textarea[name=text]") 
let add = (str) => text.insertAdjacentText('beforeend', str) 
add("<b>Текст</b>") 
add("<b>Текст</b>") 
 
addEventListener('click',(e)=>{ 
  add("Добавлен новый текст") 
})

<textarea name="text" id="" cols="30" rows="10"></textarea> 
<button id="butt-add"> Добавить текст</button>