JavaScript自动更改img src

The Gaming Hideout 发表于 Dev

游戏藏身之处

问题

我的项目几乎已经完成，但是还有另一个我无法解决的问题。src当提示框关闭时，我需要自动更改图像。这就是我的意思。

例子

可以说我有这段代码。

的HTML

<button id="begin" onClick="javascript:fight();">Begin</button>
<img id="scenario" src="http://www.thegaminghideout.com/school/stage1.png">

JAVASCRIPT

function fight()  {
  var img = document.getElementById("scenario");
  var start = document.getElementById("begin");
  img.src = "http://www.thegaminghideout.com/school/map.jpg"; /* This changes it when the function is called */
  var decision1 = function()  {
    var decision = prompt("What do you do now? ATTACK, SLEEP, or PASS?").toUpperCase();
    if(decision === "ATTACK")  {
      attack();
    }
    if(decision === "SLEEP")  {
      sleep();
    }
    if(decision === "PASS")  {
      skip();
    }
  }

问题

当提示对话框关闭时，如何自动更改img的src？或者，检查它是否打开？

我尝试了什么

推img.src = "http://www.thegaminghideout.com/school/stage1.png";后fight()功能
尝试这样的检查： if(fight() === true) { img.src = "http://www.thegaminghideout.com/school/stage1.png"; }
添加“刷新”功能，但会破坏代码。

注意事项

我知道，我的JavaScript的例子可能会似乎错了，因为我做了一个错误的语法或没有attack()，sleep()或skip()功能。好吧，这只是一个例子，所以我不在这里发布整个游戏代码，该代码大约有1000行。
我将使用上面提供的代码发布一个代码片段，并使用实际项目发布一个带有完整代码的JSFiddle，以更好地进行故障排除。

function fight() {
  var img = document.getElementById("scenario");
  var start = document.getElementById("begin");
  img.src = "http://www.thegaminghideout.com/school/map.jpg"; /* This changes it when the function is called */
  decision1();
  var decision1 = function() {
    var decision = prompt("What do you do now? ATTACK, SLEEP, or PASS?").toUpperCase();
    if (decision === "ATTACK") {
      attack();
    }
    if (decision === "SLEEP") {
      sleep();
    }
    if (decision === "PASS") {
      skip();
    }
  }
}

<img id="scenario" src="http://www.thegaminghideout.com/school/stage1.png">
<button id="begin" onClick="javascript:fight();">Test</button>

http://jsfiddle.net/d8sxxykj/

空白

function fight()  {

  var start = document.getElementById("begin");
  var decision1 = function()  {
    var img = document.getElementById("scenario");
    var decision = prompt("What do you do now? ATTACK, SLEEP, or PASS?").toUpperCase();
    if(decision === "ATTACK")  {
    img.src = "http://www.thegaminghideout.com/school/map.jpg";
    attack();
    }
    if(decision === "SLEEP")  {
    img.src = "something.jpg";
    sleep();
    }
    if(decision === "PASS")  {
    img.src = "something.jpg";
    skip();
    }
}