Javascript получает выходы стека элементов элемента в одной текстовой области

Question

Как я могу щелкнуть обе кнопки и попасть в одну текстовую область, результаты будут отображаться один за другим? ATM, одна кнопка стирает выход другой кнопки.

HTML:

<button onclick="removeTone()">Remove Tone</button> 
    <button onclick="greeklish()">Greeklish</button> 

    <textarea id="main_textarea"> </textarea> 
    <textarea id="main_textarea2"></textarea> 

JS:

function removeTone() { 
    var str = document.getElementById("main_textarea").value; 
    var res = str.replace(/ά/gi, "α"); 
    res = res.replace(/ά/gi, "α"); 
    document.getElementById("main_textarea2").value = res; 
} 
function greeklish(){ 
    var str = document.getElementById("main_textarea").value; 
    var res = str.replace(/α/gi, "a"); 
    res = res.replace(/ά/gi, "a"); 
    document.getElementById("main_textarea2").value = res; 
} 

Answer 1

function removeTone() { 
 
    var str = document.getElementById("main_textarea").value; 
 
    var res = str.replace(/ά/gi, "α"); 
 
    res = res.replace(/ά/gi, "α"); 
 
    var str2 = document.getElementById("main_textarea2").value; 
 
    document.getElementById("main_textarea2").value = str2 + ((str2 !== '')?'\r':'') + res; 
 
} 
 
function greeklish(){ 
 
    var str = document.getElementById("main_textarea").value; 
 
    var res = str.replace(/α/gi, "a"); 
 
    res = res.replace(/ά/gi, "a"); 
 
    var str2 = document.getElementById("main_textarea2").value; 
 
    document.getElementById("main_textarea2").value = str2 + ((str2 !== '')?'\r':'') + res; 
 
}

<button onclick="removeTone()">Remove Tone</button> 
 
    <button onclick="greeklish()">Greeklish</button> 
 

 
    <textarea id="main_textarea"> </textarea> 
 
    <textarea id="main_textarea2"></textarea>

что вы хотите?