Javascript 背景图像工作不正常_Javascript_Css

Javascript 背景图像工作不正常

javascript css

Javascript 背景图像工作不正常,javascript,css,Javascript,Css,我正在尝试开发一个具有自定义背景的网站。但是背景不起作用这是密码 <html> <head> <title>Custom background</title> <link rel="shortcut icon" type="image/x-icon" href="https://goo.gl/b8xuMH"> </head> <body> <script> var a = prom

我正在尝试开发一个具有自定义背景的网站。但是背景不起作用

这是密码

<html>
<head>
    <title>Custom background</title>
<link rel="shortcut icon" type="image/x-icon" href="https://goo.gl/b8xuMH">

</head>
<body>
<script>
    var a = prompt("What Do You Like (Capitalize All Words) (Type In List To Show List)");
    if (a === "List") {
        confirm("Cars,");
        var a = prompt("What Do You Like (Capitalize All Words) (Type In List To Show List)");
    }

    if (a === "Cars") {
        var b = prompt("What Type (Capitalize All Words) (Type In “List” To Show List)");
    } else {
        confirm("did not understand");
    }

    if (b === "List") {
        confirm("Sports Cars,");
        var b = prompt("What Type (Capitalize All Words) (Type In “List” To Show List)");
    }

    if (b === "Sports Cars") {
        var c = prompt("What  Company (Capitalize All Words)(Type In List To Show List)");
    } else {
        confirm("did not understand");
    }

    if (c === "List") {
        confirm("Bocar,");
        var c = prompt("What U.S.A. Company (Capitalize All Words) (Type In List To Show List)");
    }

    if (c === "Bocar") {
        var d = prompt("What Model (Capitalize All Words) (Type In List To Show List)");
    }

    if (d === "List") {
        confirm("Stiletto,");
        var d = prompt("What Model (Capitalize All Words) (Type In List To Show List)");
    }

    if (d === "Stiletto, Xp-4") {
        document.body.style.backgroundImage = "url('http://goo.gl/l8Pjl8')";
    } else if (d === "Xp-4") {
        document.body.style.backgroundImage = "url('http://goo.gl/CEHZ4N')";
    }
</script>
</body>
</html>


自定义背景
var a=prompt（“您喜欢什么（所有单词大写）（输入列表以显示列表）”；
如果（a=“列表”）{
确认（“汽车”）；
var a=prompt（“您喜欢什么（所有单词大写）（输入列表以显示列表）”；
}
如果（a==“汽车”）{
var b=提示（“什么类型（所有单词大写）（输入“列表”以显示列表）”；
}否则{
确认（“不理解”）；
}
如果（b==“列表”）{
确认（“跑车”）；
var b=提示（“什么类型（所有单词大写）（输入“列表”以显示列表）”；
}
如果（b==“跑车”）{
var c=提示（“哪个公司（所有单词大写）（输入列表以显示列表）”；
}否则{
确认（“不理解”）；
}
如果（c==“列表”）{
确认（“Bocar”）；
var c=提示（“哪家美国公司（大写）（输入列表以显示列表）”；
}
如果（c==“Bocar”）{
var d=提示（“什么型号（大写所有单词）（输入列表以显示列表）”；
}
如果（d==“列表”）{
确认（“细高跟鞋”）；
var d=提示（“什么型号（大写所有单词）（输入列表以显示列表）”；
}
如果（d==“细高跟鞋，Xp-4”）{
document.body.style.backgroundImage=“url（'http://goo.gl/l8Pjl8')";
}否则如果（d==“Xp-4”）{
document.body.style.backgroundImage=“url（'http://goo.gl/CEHZ4N')";
}

请指导我修复此问题。

您的最后一个if和else if块的条件从未满足。我建议编辑这些条件，并添加和

else

语句，这样，如果不满足任何条件，它将至少显示一些其他图像

if (d === "Stiletto, Xp-4") {
    document.body.style.backgroundImage = "url('http://goo.gl/l8Pjl8')";
} else if (d === "Xp-4") {
    document.body.style.backgroundImage = "url('http://goo.gl/CEHZ4N')";
} else if (d === "Stiletto") {
    document.body.style.backgroundImage ="url('some other image')";
} else {
    document.body.style.backgroundImage ="url('if no other conditions are met use this')";
}

它确实有效。我输入了所有预期的输入，背景发生了变化。为我工作。对于最后一个提示-您是否在提示中输入“Stiletto，Xp-4”？Stiletto，Xp4是我们的选择，您可以详细说明吗？因为如果用户要输入“Stiletto，Xp-4”，那么背景会毫无问题地改变