如何根据if语句要求更改图像

时间:2018-08-15 08:40:56

标签: javascript html arrays

var mpegArray = ["1.m4a", "2.m4a", "3.m4a", "4.m4a", "5.m4a", "6.m4a", "7.m4a", "8.m4a", "9.m4a", "10.m4a"];
var choice = Math.floor(Math.random() * mpegArray.length);

function btnPlay_onClick() {
    var player = document.getElementById('sound');
    player.src = mpegArray[choice];
    player.play();
    player.addEventListener('ended', function () {
        if (player.ended) {
            mpeg();
        }
    }, true);
}

function btnN1_onClick() {
    var Audio1 = document.getElementById("audio1");
    Audio1.play();
    if (choice == 0) {
        document.getElementById("btnN1").src = "1GR.gif";
        ans.innerText = CORRECT;
    }
    else
        document.getElementById("btnN1").src = "1RD.gif";
        ans.innerText = INCORRECT;
}

hiya,此处的代码旨在根据是​​否满足if语句的要求,使数字图块更改颜色。这里的if语句询问播放音频文件1.m4a后是否按下了按钮1,如果未将其更改为红色,则将其颜色更改为绿色

1 个答案:

答案 0 :(得分:0)

使用背景颜色/图像而不是src属性来更改CSS可能会更好。

document.getElementById("btnN1").style.backgroundColor = "green";

document.getElementById("btnN1").style.backgroundImage = "url('1GR.gif')";

编辑:GiaFil7是正确的。您在第二个if语句之后缺少结束符}。