Javascript，如何添加多个按钮并用不同的值链接同一个Onclick函数

我有一个简单的问题，但不知道怎么做。我想在javascript中添加多个按钮，添加一个onclick，按钮必须发送正确的值

本例中正确的值是：Hello、“Bye”或“Hey Gary”

我的按钮功能不工作，我不知道如何发送正确的值，请帮助我

谢谢大家!

html
    <div  id="main"> </div>

html

javascript

info = ["Hello", "Bye", "Hey Gary"];
for (i = 0; i < 3; i++){
document.getElementById('main').innerHTML += "<a id='" + info[i] + "'  class='list-group-item'>"+info[i]+"</a>";
document.getElementById(info[i]).innerHTML += "<input class='btn btn-danger pull-right'     class='test77' value='send'>";
document.getElementById('main').innerHTML += "<br><hr></hr>";
}
    createbutton();

function createbutton() {
$(".test77").click(function () {
alert("i want to send information at the left");
});
}

info=[“你好”、“再见”、“嘿，加里”]；
对于（i=0；i<3；i++）{
document.getElementById（'main'）.innerHTML+=“
您的输入应该是
type=“button”
，并且按钮的
类定义了两次


info=[“你好”、“再见”、“嘿，加里”]；
对于（变量i=0；i
”；
}
createbutton（）；
函数createbutton（）{
$（“.test77”）。单击（函数（）{
警报（$（this.parent（）.find（'span'）.text（））；
});
}
问题不太清楚剩下的是什么。但可能你是在问以下问题

function createbutton() {
    $(".test77").click(function (e) {
       var text = e.target.previousSibling.innerText;
       alert(text);
    });
}

这就是你要找的吗


$（文档）.ready（函数（）{
var info=[“你好”，“再见”，“嘿，加里”]；
对于（i=0；i<3；i++）{
document.getElementById（'main'）.innerHTML++=“info[i]+”；
document.getElementById（info[i]）.innerHTML+=“”；
document.getElementById（'main'）.innerHTML+=“
”；
}
createbutton（）；
函数createbutton（）{
$（“.myBtn”）。单击（函数（）{
var值=$（this）.closest（“a”）.text（）；
警报（值）；
});
}
})；
。向右拉{
浮子：对！很重要；
}
.btn危险{
颜色：#fff；
背景色：#d9534f；
边框颜色：#d43f3a；
}
.btn{
显示：内联块；
填充：6px 12px；
页边距底部：0；
字体大小：14px；
字体大小：400；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
-ms触摸动作：操作；
触摸动作：操作；
光标：指针；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
}

能否请您更新您的问题，并给我们一个当单击按钮时您预期会发生什么的示例？我们不知道“正确”值是什么。我只是更新我的问题