当前位置: 首页 > 知识库问答 >
问题:

使用javascript改变背景颜色

汪翰墨
2023-03-14
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"
}

这是我的java文本,看起来有点出乎意料,但是我想改变按钮的背景颜色,这取决于答案是正确的还是错误的

属于“voortgang-button”的css

button#controle-luisteren1 {
   width:55px;
   border: 1px solid black;
   background-color: white;
   border-radius: 20px;
   margin-left:150px;

}

然而;现在的问题是我做错了什么?我是一个刚开始的JavaScript程序员,也是荷兰人,所以请多包涵;).

共有3个答案

慕朝明
2023-03-14
<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>
乌俊健
2023-03-14

下面这条路不对

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

在这里,首先分配一个值,然后再次用新值覆盖。因此,src将不具有图像。使用data属性代替修改<code>src</code>属性

其次,如果你想使用js添加背景色

yourElement.style.backgroundColor = "red";

注意外壳

第三,这也是不对的。

if(imageElement.src = true)

这里你只是赋值真或假,但是没有条件。应该是这样的

if(imageElement.src === true){
//rest of code
}
万俟炯
2023-03-14

我不确定你想要什么,但我很确定你在比较中有一个错误,比较时应该使用“==”而不是“=”。

if(imageElement.src == true) {

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

if(imageElement.src == false) {

    document.getElementById("voortgang-button").style.backGroundcolor = "#ff6c60"
}
 类似资料:
  • 我刚开始编程,这是我第一次尝试学习新东西。我不知道我的代码有什么问题,因为它不想工作。我所需要的只是通过点击div来改变bg的颜色。如果在“function”之前删除第一行代码,它就会起作用,但只有在重新加载页面时才起作用。

  • 问题内容: 有谁知道使用JavaScript交换网页背景色的简单方法? 问题答案: 修改JavaScript属性。 例如: 注意:这确实取决于页面的组合方式,例如,如果您使用的背景颜色不同的DIV容器,则需要修改其背景颜色而不是文档主体。

  • 我是Java脚本的初学者,我用Java脚本编写了bellow代码,将文本颜色变为红色,但它不起作用,我的代码中有什么错误吗?

  • 问题内容: 我希望能够根据当前路径更改背景色。 我尝试通过每当路径更改时检查$ location.path()来执行此操作,然后使用伪指令更改背景色,但这似乎很简单(并且不起作用)。 什么是实现这一目标的更分离的方法? 如果有人想看,这是我写的代码。 问题答案: 为了消除样式,数据,内容等方面的动态变化,通常很实际的做法是创建另一个包含接口(自定义提供程序)的角度模块,该接口可让您在配置级别之前和

  • 本文向大家介绍改变iOS应用中UITableView的背景颜色与背景图片的方法,包括了改变iOS应用中UITableView的背景颜色与背景图片的方法的使用技巧和注意事项,需要的朋友参考一下 改变UITableView的header、footer背景颜色 改变UITableView的header、footer背景颜色,这是个很常见的问题。之前知道的一般做法是,通过实现tableView: view

  • 我有一个带有半径和笔划的CardView,但当我以编程方式更改CardView背景时,半径和笔划将丢失,我希望新颜色保留在笔划内。 这是我的cardview xml 这里是我换颜色的地方: