我正在尝试构建一个简单的评分应用,但我遇到了一个问题,试图保留它,所以我不必重复一堆代码来处理每个&#39碱基'单独
基本思想是当我点击按钮时脚本会;
1)抓住所述按钮的ID
2)将ID分成两部分 - (a)基本名称和(b)按钮类型(加/减)
3)如果它加上 - 添加到基础分数,如果它减去 - 从基础分数减去
4)用新值
更新指定的div我坚持的部分是加减。我似乎无法让它发挥作用。
以下是代码:
$('.base button').click(function() {
var b1Score = 0;
var b2Score = 0;
var b3Score = 0;
var b4Score = 0;
var b5Score = 0;
var clickedButton = $(this).attr('id');
var buttonInfo = clickedButton.split('-');
var baseClicked = buttonInfo[0];
var baseDirection = buttonInfo[1];
var baseDiv = ('#' + baseClicked);
console.log('You clicked ' + clickedButton + '.');
if (baseDirection.indexOf('plus') >= 0) {
console.log('Increasing ' + baseClicked + '!');
++;
$(baseDiv).val();
} else {
console.log('Decreasing ' + baseClicked + '!');
--;
$(baseDiv).val();
}
});
++;和 - ;是占位符,用于添加和减少需要发生的位置。我只是无法弄清楚如何使其增加或减去正确的值。
感谢任何帮助。
感谢。
答案 0 :(得分:0)
您可以将分数设为Array对象:
var scores = {
"b1": 0,
"b2": 0,
// ...
}
您可以通过执行以下操作来增加它们:
scores[baseClicked] = scores[baseClicked] + 1;