簡單的Tic Tac腳趾用javascript

所以我完全是新編碼在一起，我很搞笑它！我試圖創建一個簡單的tic tac腳趾板，並且我需要獲得一個按鈕來顯示X或O，並基於前一個按鈕的顯示內容。我如何獲得它返回到前一個按鈕？這是我迄今爲止的，它應該是超級簡單的。有沒有人可以指引我走向正確的方向？簡單的Tic Tac腳趾用javascript

<!DOCTYPE html> 
<html> 
<head> 
<title> Project 8 </title> 
</head> 
<body> 
<p>Click the button once to change its value</p> 

<button id="mybtn1" onclick="myFunction1()">&nbsp;</button> 
<button id="mybtn2" onclick="myFunction2()">&nbsp;</button> 
<button id="mybtn3" onclick="myFunction3()">&nbsp;</button> 
<p style="clear:both"></p> 
<button id="mybtn4" onclick="myFunction1()">&nbsp;</button> 
<button id="mybtn5" onclick="myFunction2()">&nbsp;</button> 
<button id="mybtn6" onclick="myFunction3()">&nbsp;</button> 
<p style="clear:both"></p> 
<button id="mybtn7" onclick="myFunction1()">&nbsp;</button> 
<button id="mybtn8" onclick="myFunction2()">&nbsp;</button> 
<button id="mybtn9" onclick="myFunction3()">&nbsp;</button> 

<p></p> 

<script> 

    var X= document.getElementById("mybtn1").innerHTML; 

function myFunction1() { 
    //var X= document.getElementById("mybtn1").innerHTML; 
    if (X == "&nbsp;") { 
     document.getElementById("mybtn1").innerHTML = "X"; 
    } 
    else (X == "X") { 
    document.getElementById("mybtn1").innerHTML = "O"; 
    } 
    else if (X == "O") { 
    document.getElementById("mybtn1").innerHTML = "X"; 
    } 
} 

function myFunction2() { 
    //var X= document.getElementById("mybtn2").innerHTML; 
    if (X == "&nbsp;") { 
     X="X" 
     document.getElementById("mybtn2").innerHTML = X; 
    } 
    if (X == "X") { 
    document.getElementById("mybtn2").innerHTML = "O"; 
    } 
    if (X == "O") { 
    document.getElementById("mybtn2").innerHTML = "X"; 
    } 
} 

function myFunction3() { 
    //var X= document.getElementById("mybtn3").innerHTML; 
    if (X == "&nbsp;") { 
     document.getElementById("mybtn3").innerHTML = X; 
    } 
    if (X == "X") { 
    document.getElementById("mybtn3").innerHTML = "O"; 
    } 
    if (X == "O") { 
    document.getElementById("mybtn3").innerHTML = "X"; 
    } 
} 
</script> 


</body> 
</html>

來源

2016-07-11 Jenny

你可以試試這個：

var btn = document.getElementById("mybtn1"); 
btn.innerHTML = btn.innerHTML === "X" ? "O" : "X";

或者乾脆：

<button onclick="switchIt(this)">&nbsp;</button>//An example of button

和：

function switchIt(btn) { 
    btn.innerHTML = btn.innerHTML === "X" ? "O" : "X"; 
}

演示：https://jsfiddle.net/iRbouh/6qn9Lz9u/1/

來源

2016-07-11 02:00:05

感謝您的回覆！我應該在哪裏放置？功能之前？ – Jenny

請查看演示。 –

簡單的Tic Tac腳趾用javascript

回答

相關問題