Question

所以我正在为我的朋友写一个网页作为小生日礼物，但我从来没有学过javascript ... 我想要的是，在他输入正确答案后，图像将显示为奖励。

while(1)
{
    var pro1=prompt("question");

    if (pro1=="answer")
      ***appear an image;*** //this is the part of the code I don't know how to write

    alert("you answer is wrong");

对不起......我知道这是基本的，如果你愿意帮助我，那将是一个很大的帮助。

Answer 1

像这样的东西，将src更改为你想要链接的任何图像：

while(1) {
  var pro1=prompt("question");
  if (pro1=="answer"){
    document.body.appendChild(document.createElement('img')).src = 'https://www.gravatar.com/avatar/8c88f69ca0d0f966d994fa481a364060?s=32&d=identicon&r=PG&f=1';
    break;
  }
  alert("you answer is wrong");
}

但使用prompt对用户不友好，您可能想尝试找到更好的方法。

Answer 2

有很多方法。如果您通过ajax检查答案，那么在ajax响应中您可以显示图像，即，在初始页面加载成功图像将在页面中，但它将使用display：none css隐藏。因此，在基于答案的ajax respose中，您可以通过删除display：none来显示图像。您可以将图像放在范围中并为范围指定id，也可以将id分配给img标记，使用此ID可以显示或隐藏元素。

var pro1=prompt("question");

if (pro1=="answer"){
    $("#ImgId").show();
}
else{
    alert("you answer is wrong");
    $("#ImgId").hide();
}

用户输入正确答案后如何显示图像？

2 个答案: