Javascript 使用（几乎）相同的参数调用JS函数的多个按钮

我正在寻找创建日语学习网站的可能性，该网站以练习的形式为读者提供一些基本的互动性。假设我有一张这样的桌子：

--------------------------------------------
| characters | definition | roman letters   |
--------------------------------------------
| こんにちは  | hello       | <input type="text">   |
---------------------------------------------
| ...        |            |  <input type="text">  |
--------------------------------------------
|          <grade button> <show answers button> <clear fields button>
------------------------------------------

--------------------------------------------
|字符|定义|罗马字母|
--------------------------------------------
| こんにちは  | 你好||
---------------------------------------------
| ...        |            |    |
--------------------------------------------
|            
------------------------------------------

因此，用户读取字符，学习定义，并用罗马字母将其写入输入字段。当他或她完成时，他或她可以通过按下成绩按钮来检查他的答案，该按钮将以红色或绿色标记输入的文本。或者他们可以放弃，用第二个按钮显示答案，然后用第三个按钮清除答案

现在完成这项工作的方法是，我有一个表的ID，并有3个Javascript函数来完成上述工作。第一种方法获取和ID以及一组正确答案，然后使用JQuery根据正确答案设置所有输入字段的颜色。例如，如果表的ID为

#ex1

，则我使用选择器

#ex1:text

。 第二个按钮还需要一个ID和一组正确答案。第三个按钮只需要表的ID

因此，在HTML I中，对于一个表，我会有如下内容：

---

您可以将答案放入全局变量中，然后将其作为参数传递。
$（document）.ready（）块中的某个位置
你只是打字

corectAnswers = ["some", "array", "with", "answers"]; 

并使用

showAnswers("ex1", correctAnswers); 

您可能会尝试使用正确答案作为函数内部的全局变量，而不是将其作为参数传递，但最好避免这样做

如果不使用jquery，可以将变量赋值放在页面的第一个块中