기본 자바 스크립트 요소 변경에 대한 InnerHTML

자바 스크립트로 연습하기 위해 매우 기본적인 웹 사이트를 만들고 있습니다. 이 웹 사이트의 전체 목적은 바위, 종이, 가위입니다. 나는 이미 문제에 봉착했다. 특정 요소의 innerHTML을 편집하기 위해 자바 스크립트를 가져올 수 없습니다. 나는이 코드를 다른 예제와 비교했지만, 내가 잘못한 것을 보지 못했다. 기본 자바 스크립트 요소 변경에 대한 InnerHTML

이

는 HTML입니다 :

<head> 
<title> 
    Rock Paper Scissors 
</title> 
<link rel="stylesheet" type="text/css" href="RockPaperScissors.css"> 
<script> type="text/javascript" src="RockPaperScissors.js"></script> 
</head> 

<body> 
<h1> 
    Rock | Paper | Scissors 
</h1> 
<br/> 
<table> 
    <tr> 
     <td><button onclick="playerChoseRock();">Rock</button></td> 
     <td><button onclick="playerChosePaper();">Paper</button></td> 
     <td><button onclick="playerChoseScissors();">Scissors</button></td> 
    </tr> 
</table> 
<br /> 
<br /> 
<div id="yourChoiceTitle"> 
    Your choice: 
</div> 

<div id="computerChoiceTitle"> 
    Computer's choice: 
</div> 
<br/> 
<br/> 
<div id="yourChoice"> 
    <p id="choiceWords">Your choice will be displayed here.</p> 
</div> 

<div id="computerChoice"> 

</div> 

<div id="result"> 
    Results: 
</div>

그리고 이것은 자바 스크립트입니다 :

var gameOver = false; 
var playerChoice = ""; 

var yourChoice = document.getElementById("yourChoice"); 
var computerChoice = document.getElementById("computerChoice"); 

function playerChoseRock() { 
var playerChoice = "rock"; 
document.getElementById("choiceWords").innerHTML = "Rock"; 
} 

function playerChosePaper() { 
var playerChoice = "paper"; 
} 

function playerChoseScissors() { 
var playerChoice = "scissors"; 
}

나는 플레이어가 "바위를 클릭 할 때 있도록 만들려고 해요 "버튼을 누른 다음 #choice 단어의 텍스트를"rock "로 변경하여 알려줍니다.

누구든지이 문제를 해결할 수 있습니까?

출처

2014-03-26 ClaytonAlanKinder

당신이 당신의 DOM 후 스크립트를 넣어 적이 준비가? –

+1 질문에 대한 답변을 작성하십시오. 문제를 해결하려는 누군가가 필요로하는 모든 정보가 포함되었습니다. –

스크립트 구문이 올바르지 않습니다.

<!-----v---oops!-----> 
<script> type="text/javascript" src="RockPaperScissors.js"></script>

이 있어야한다 :

<script type="text/javascript" src="RockPaperScissors.js"></script>

출처

2014-03-26 17:17:16

고마워요! 나는 그것을 게시하고 나서 약 30 분 후에 그것을 이해했다. 이마 공격은 몇 마일 정도 들릴 수 있습니다. – ClaytonAlanKinder

반갑습니다. –

기본 자바 스크립트 요소 변경에 대한 InnerHTML

답변

관련 문제