javascript - 使用javascript改变背景颜色

标签 javascript css background-color

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 初学者,荷兰人,所以请多多包涵 ;)。

最佳答案

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

if(imageElement.src == true) {

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

if(imageElement.src == false) {

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

关于javascript - 使用javascript改变背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41117082/

相关文章:

css - 为 div 扩展全高

arrays - Excel VBA返回彩色单元格的最大值

reactjs - 在 Material UI 中设置 Snackbar 的背景颜色

javascript - 如何在 D3 力布局中突出显示/选择邻居的邻居?

javascript - 如何将数组值设置为 ";"分隔值

javascript - 使用 d3.js 选择时,如何使 SVG 中一组(包括文本)中的所有对象充当单个对象?

css - 为什么我的页面在 Safari 和 firefox 中的起始位置比在 Chrome 中高?

css - 如何更换显示:contents in browser Edge

css - 在 bootstrap 中为 div 设置背景颜色

javascript - 如何为不同部分触发不同模态