如何使用JavaScript函數執行多個任務？

Question

我有javascript功能。 我正在使用該功能將英語翻譯爲文本字段中的另一種語言。 如下所示當box01，box02中輸入的人在翻譯模式下顯示輸入的英文內容時。

<form id="txtBox" action="ps.php" enctype="multipart/form-data" method="post"> 

<textarea id="box01" onkeyup="startText_sin();" onselect="startText_sin();" onclick="startText_sin();" rows="2" placeholder ="Type in Here"></textarea> 

<textarea id="box02" rows="2" placeholder ="Translated"></textarea> 

</form> 

但我有一些這些形式在我單頁和文本區域具有不同勢的名稱，如波紋管，

<textarea id="txt_sin01"></textarea> 
<textarea id="txt_trn02"></textarea> 

我怎麼可以設置功能是工作，所有的這些文字區域？
我的功能是**startText_sin()**

在功能上我選擇這樣text = document.getElementById("box01");

任何幫助文本區域。

__ _ ___功能_ __ _ __ _ _

` //數組到這裏

功能startText_sin（） {

var s,r,v; 
//text = document.txtBox.box1.value; 
text_singlish = document.getElementById("box1_singlish").value; 
//special consonents 
for (var i=0; i<specialConsonants.length; i++){ 
    text_singlish = text_singlish.replace(specialConsonants[i], specialConsonantsUni[i]); 
} 
//consonents + special Chars 
for (var i=0; i<specialCharUni.length; i++){ 
    for (var j=0;j<consonants.length;j++){ 
     s = consonants[j] + specialChar[i]; 
     v = consonantsUni[j] + specialCharUni[i]; 
     r = new RegExp(s, "g"); 
     text_singlish = text_singlish.replace(r, v); 
    } 
} 
//consonants + Rakaransha + vowel modifiers 
for (var j=0;j<consonants.length;j++){ 
    for (var i=0;i<vowels.length;i++){ 
     s = consonants[j] + "r" + vowels[i]; 
     v = consonantsUni[j] + "්‍ර" + vowelModifiersUni[i]; 
     r = new RegExp(s, "g"); 
     text_singlish = text_singlish.replace(r, v); 
    } 
    s = consonants[j] + "r"; 
    v = consonantsUni[j] + "්‍ර"; 
    r = new RegExp(s, "g"); 
    text_singlish = text_singlish.replace(r, v); 
} 
//consonents + vowel modifiers 
for (var i=0;i<consonants.length;i++){ 
    for (var j=0;j<nVowels;j++){ 
     s = consonants[i]+vowels[j]; 
     v = consonantsUni[i] + vowelModifiersUni[j]; 
     r = new RegExp(s, "g"); 
     text_singlish = text_singlish.replace(r, v); 
    } 
} 

//consonents + HAL 
for (var i=0; i<consonants.length; i++){ 
    r = new RegExp(consonants[i], "g"); 
    text_singlish = text_singlish.replace(r, consonantsUni[i]+"්"); 
} 

//vowels 
for (var i=0; i<vowels.length; i++){ 
    r = new RegExp(vowels[i], "g"); 
    text_singlish = text_singlish.replace(r, vowelsUni[i]); 
} 

document.getElementById("box2_singlish").value=text_singlish; //wirte on page in sihala 

}

`

Answer 1

傳遞textarea的ID進入功能

var startText_sin = function (textId) { 
    text = document.getElementById(textId); 
    // do stuff 
}; 

和呼叫：

startText_sin("box01"); 

和示例在線做：

<textarea id="box01" onkeyup="startText_sin("box01");" onselect="startText_sin("box01");" onclick="startText_sin("box01");" rows="2" placeholder ="Type in Here"></textarea> 

但我必須說，這是一個寫一個軟件的可怕的方法。而不是對每個單獨的元素使用onselect和onclick，您可以在頁面上觀看事件並對其進行處理。我明白這不是你在的地方，而是在將來，以及任何閱讀此文的人。如果你寫的東西比這更復雜，那麼你不應該使用這些方法。