Javascript 在我的网站上制作投票功能的最佳方式是什么？（现在使用innerhtml

我正在为一个网站制作一个原型。我想展示一下，用户可以在三张图片中选择一张最喜欢的图片

我用innerhtml制作了它，以显示用户选择了最喜爱的内容，文本会发生变化。问题是现在你可以随意投票。我希望你只能选择一张图片

函数myKeuze（）{
document.getElementById（“keuzeVerhaal”）.innerHTML=“你最喜欢的图片是什么？”；
}
函数Sien（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：Sien！”；
}
函数Pien（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：皮诺！”；
}
函数Aart（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：Aart！”；
}

选择你最喜欢的
你最喜欢哪幅画？？

我添加了一个在单击时被调用的函数，称为

停止投票

此函数一旦调用，将阻止图像被进一步单击

下面的方法通过循环遍历所有图像并将其

onclick

属性设置为

null

，这样单击它们以后就不会有任何作用

函数myKeuze（）{
document.getElementById（“keuzeVerhaal”）.innerHTML=“你最喜欢的图片是什么？”；
}
函数Sien（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：Sien！”；
停止投票（）；
}
函数Pien（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：皮诺！”；
停止投票（）；
}
函数Aart（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：Aart！”；
停止投票（）；
}
函数stopVoting（）{
var images=document.queryselectoral（“#三个img”）；
对于（var i=0；i

选择你最喜欢的
你最喜欢哪幅画？？

我添加了一个在单击时被调用的函数，称为

停止投票

此函数一旦调用，将阻止图像被进一步单击

下面的方法通过循环遍历所有图像并将其

onclick

属性设置为

null

，这样单击它们以后就不会有任何作用

函数myKeuze（）{
document.getElementById（“keuzeVerhaal”）.innerHTML=“你最喜欢的图片是什么？”；
}
函数Sien（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：Sien！”；
停止投票（）；
}
函数Pien（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：皮诺！”；
停止投票（）；
}
函数Aart（）{
document.getElementById（“uitslank”）.innerHTML=“您的投票是：Aart！”；
停止投票（）；
}
函数stopVoting（）{
var images=document.queryselectoral（“#三个img”）；
对于（var i=0；i

选择你最喜欢的
你最喜欢哪幅画？？