javascript; 無法獲取無法互相替換的圖像

Question

因此，我有一個包含9張圖像的3x3電路板，所有圖像均初始化為名為blank的圖像。 我有一個x＆o圖像，我試圖將其放置在沒有“空白”的地方已經被占用的位置。 這是我對o圖像的代碼，分配了一個隨機數，我添加了一些條件，但它不起作用，它仍然用image o替換了image x和image o。 我的條件是否有問題，或者我是否應該/是否缺少某些東西？ 感謝您的幫助，謝謝。

好的，所以我更新了代碼，但現在x圖像根本沒有顯示。 表單名稱是pokemon，我是否需要添加.image才能使其正常工作？

 var x = "pikachu.jpg";
 var o = "Meowth.jpg";
 var blank = "ball.jpg";             

 function b1Move(imageName){
 temp2=imageName;
 if(document.pokemon[temp2].src==blank)  
 document.pokemon[temp2].src=x;
 cMove();
 }

和圖像的html看起來像這樣：

 <a href="javascript:b1Move('b1')"><img src="ball.jpg" height=150 width=150 name=b1         
 id =b1  > </a>

Answer 1

您在條件==使用=而不是== 。 您可以這樣解決：

if(document.pokemon.b8.src==blank)

document.pokemon.b8.src==blank是一個分配，並且將始終返回true（假設您分配的是實際路徑而不是空字符串），而document.pokemon.b8.src==blank是一個相等比較 ，僅如果left和right參數相等，則返回true。

另外，您不需要9個不同的b#Move函數。 您應該能夠參數化正方形：

function bNMove(bn){
  if(document.pokemon[bn].src==blank)
    document.pokemon[bn].src=x;
  cMove();
}

您可以這樣稱呼它： bNMove('b9')