Javascript 1つのテキストエリアに要素IDスタック出力を取得する

Question

両方のボタンをクリックして1つのテキストエリアに両方の結果を順番に表示するにはどうすればよいですか？ 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>

したいということですか？