Ввод определенных слов (или алфавитов) в <textarea>нажатием кнопок

Question

Я хочу создать button s, которые вводят определенные акцентированные алфавиты на textarea (например, ö, ü), чтобы использовать печатные алфавиты, которых нет на клавиатуре Engli sh.

Я хочу, чтобы кнопка была отформатирована так;

<button id='oe' onclick="enter..()">ö</button>

или вот так;

<input type="button" value="ö" onclick="enter('ö')" class="enterbutton">

Как я могу это сделать возможно? Возможны любые модификации.

Answer 1

Вы можете append получить значение textarea на click, передав символ следующим образом:

function enter(character){
     document.getElementById('txt').value+=character;
}

<textarea id="txt"></textarea>
<button id='oe' onclick="enter('ö')">ö</button>