Javascript 保存多次单击的值并内联获取所有值

我的页面上有多个按钮。我想得到这些值并显示在一行中。我该怎么做呢

我有3个按钮，单击后返回以下值：

• 深色：

  返回“独家新闻”

• 危险：

  返回“swoosh”

• 警告：

  返回“勺子”

我有一个大按钮（信息），点击后我希望返回：

scoop&swoosh&spoon

我该怎么做

let-val；
$（'#one'）。在（'click'，function（）上{
val=‘勺’；
});
$（'#two'）。在（'click'，function（）上{
val=‘swoosh’；
});
$（'#三'）。在（'click'，function（）上{
val=‘spoon’；
});
$（'#main'）。在（'click'，function（）上{
控制台日志（val）；
//期望值：勺子、swoosh和勺子
});

黑暗的
危险
警告

信息当前，每次单击都会重置变量，并指定一个新值。考虑使用一个数组并用一个新的条目更新它。
例如：


let val=[]；
$（'button'）。在（'click'，function（）上{
开关（$（this.attr（“id”））{
案例“一”：
val.push（“勺”）；
打破
案例“二”：
val.push（“勺”）；
打破
案例“三”：
val.push（“勺”）；
打破
}
});
$（'#main'）。在（'click'，function（）上{
console.log（val.join（&））；
//示例值：勺子、swoosh和勺子
//清除阵列
val=[]；
});

黑暗的
危险
警告

信息
Quick question，当我两次单击按钮时，该值显示两次。我能拿一次吗？@nb_nb_nb是的，因为它是一个数组，你有很多工具来清除任何重复的。见：