Question

var isThereInnerData = parameter.Request?.InnerData?.Any();
if (isThereSegments == null || isThereSegments == false)

这是我的java文本，这看起来有点突然，但我想从按钮改变背景颜色，这取决于答案是否正确或是否错误

属于＆＃34; voortgang-button＆＃34; =

function schrijvenles1(){
var text = document.getElementById("schrijven-les1").value;
var imageElement = document.getElementById("goed-fout");

//het antwoord is correct
if (text === "Hoe heet je" || text ===  "hoe heet je" || text === "Hoe heet je?" || text === "hoe heet je?") {
    imageElement.src = "goed.png";
    imageElement.src = true;
}
// het antwoord is iets anders
else {
    imageElement.src = "fout.png";  
    imageElement.src = false;
}


if(imageElement.src = true) {

     document.getElementById("voortgang-button").style.backGroundcolor = '#99c262' ;
}

if(imageElement.src = false) {

    document.getElementById("voortgang-button").style.backGroundcolor = "#ff6c60"
}

}

然而;现在问题是我做错了什么？我是一个初学JavaScript程序员，荷兰人，所以请耐心等待我;）。

Answer 1

我不确定你想要什么，但我很确定你在比较中有错误，你应该使用＆＃39; ==＆＃39;而不是＆＃39; =＆＃39;比较时。

if(imageElement.src == true) {

     document.getElementById("voortgang-button").style.backGroundcolor = '#99c262' ;
}

if(imageElement.src == false) {

    document.getElementById("voortgang-button").style.backGroundcolor = "#ff6c60"
}

Answer 2

首先，您没有关闭schrijvenles1()功能。最后添加额外的}。

其次，您使用backGroundcolor错误，它应该如下所示：

document.getElementById("voortgang-button").style.backgroundColor

同样，比较运算符错误=应为==或===。您现在只是说true或false。你实际上并没在检查它是不是。

if(imageElement.src === true) {

     document.getElementById("voortgang-button").style.backgroundColor = '#99c262' ;
}

if(imageElement.src === false) {

    document.getElementById("voortgang-button").style.backgroundColor = "#ff6c60"
}

代码的另一个问题是值赋值。您首先将字符串值添加到imageElement.src，然后立即将其替换为boolean，这对您的情况没有意义。

另外，在您的javascript代码中，您有一个标识为controle-luisteren1的按钮，而在css中标识为controle-luisteren1的按钮会让您感到困惑。

Answer 3

以下方式不正确

imageElement.src = "goed.png";
imageElement.src = true;

首先，您要分配一个值，然后再使用新值覆盖。因此src不会有图片。而不是修改src属性使用data属性

其次，如果要使用js

添加背景颜色

yourElement.style.backgroundColor = "red";

注意外壳

第三，这也是不对的。

if(imageElement.src = true)

这里你只是分配真或假，但没有条件。它应该是这样的

if(imageElement.src === true){
//rest of code
}

Answer 4

<html>
<head>
<script>
function schrijvenles1(){
    var text = document.getElementById("schrijven-les1").value;
    var imageElement = document.getElementById("goed-fout");

    //het antwoord is correct
    if (text === "Hoe heet je" || text ===  "hoe heet je" || text === "Hoe heet je?" || text === "hoe heet je?") {
        imageElement.src = "goed.png";
        imageElement.src = true;
    }
    // het antwoord is iets anders
    else {
        imageElement.src = "fout.png";  
        imageElement.src = false;
    }


    if(imageElement.src = true) {

         document.getElementById("voortgang-button").style.backgroundColor  = '#99c262' ;
    }

    if(imageElement.src = false) {

        document.getElementById("voortgang-button").style.backgroundColor  = "#ff6c60"
    }
}   
</script>
<style>
#controle-luisteren1 {
   width:55px;
   border: 1px solid black;
   background-color: white;
   border-radius: 20px;
   margin-left:150px;
}
#voortgang-button{width:100;}
</style>
</head>
<body>
    <input type="text" id="schrijven-les1" value="">
    <img src="" id="goed-fout">
    <button id="voortgang-button" >voortgang-button </button>
    <button id="test" onclick="schrijvenles1()" value="click"> clcik</button>

</body>
</html>

使用javascript更改背景颜色

4 个答案: