二十三、篮球积分系统（数组思维）

<!-- 引入jquery包 -->
<script src="js/jquery-3.4.1.min.js"></script>
<script>
    // 定义分数数组 用于保存分数
    var scoreArr = [0, 0];
    // 定义数组 用于保存对象
    var h2Arr = [$("#fenA"), $("#fenB")];
    // 定义信号量
    var idx = 0;
    // 给A队和B队添加点击事件
    $("input").click(function(){
        // console.log($(this).index()); A队为0 B队为1
        idx = $(this).index();
    });
    // 给btn1添加点击事件
    $("#btn1").click(function(){
        // idx = 0，给A队加分  idx = 1，给B队加分
        scoreArr[idx] += 1;
        // console.log(scoreArr);
        // 体现在元素身上
        h2Arr[idx].html(scoreArr[idx]);
    });
    // 给btn2添加点击事件
    $("#btn2").click(function(){
        // idx = 0，给A队加分  idx = 1，给B队加分
        scoreArr[idx] += 2;
        // console.log(scoreArr);
        // 体现在元素身上
        h2Arr[idx].html(scoreArr[idx]);
    });
    // 给btn3添加点击事件
    $("#btn3").click(function(){
        // idx = 0，给A队加分  idx = 1，给B队加分
        scoreArr[idx] += 3;
        // console.log(scoreArr);
        // 体现在元素身上
        h2Arr[idx].html(scoreArr[idx]);
    });
</script>