어린이를위한 자바 스크립트

저는 자바 스크립트로 게임을 만들려고합니다. 나는 여전히 코드에 많은 문제가있다. 코드에는 2 개의 버튼이 있어야합니다. 하나는 이미지 주사위와 아이가 올바른 답을 썼는지 확인하는 버튼.어린이를위한 자바 스크립트

2 버튼
1 텍스트 상자
하고 올바른 있는지 답을 보여줄 수있는 장소 나하지 여기

내 코드입니다.

왜 document.getElementbyID ("test")의 소스를 넣을지 모르겠다. 아무 것도 표시하지 않는다. 시작을 클릭 할 때마다 임의의 이미지가 선택되기를 원하기 때문이다.

자바 스크립트의 초보자로서 도움을 주시면 감사하겠습니다.

<head> 

<script type="text/javascript"> 


function startf(){ 
var images = []; 
index = 0; 
images[0] = "<img src='1.png' length=70px width=75px>"; 
images[1] = "<img src='2.png' length=70px width=75px>"; 
images[2] = "<img src='3.png' length=70px width=75px>"; 
images[3] = "<img src='4.png' length=70px width=75px>"; 
index = Math.floor(Math.random() * images.length); 
take(index); 

function take(ind) 
{ 
return document.getElementbyId("ind")="What should i put here"; 
} 
} 
function check(){ 
var ch=getElementbyId("answer").value; 
if (ch=index+1) 
{ 
document.getElementbyId.innerHTML="TRUE"; 
} 
else 
{ 
document.getElementbyId.innerHTML="False"; 
} 

} 
</script><br> 
</head> 
<img id="test" src="" alt="..." length="75px" width="75px" /> 

<body> 

<input type="button" value="start" onclick="startf()"> 
<input id="answer" type="text" name="checkvalue" value="Enter Value" onclick="check()"> 
<div id="fa"> 
</div> 
<input type="button" value=chek onclick="check()"> 


</body>

출처

2012-12-25 user1928775

연습 문제 ... –

에 오신 것을 환영합니다. html이 유효한지 확인하십시오. html 오류가 많이 있습니다. 또한 http://jsfiddle.net을 사용하여 쉽게 분석 할 수있는 예제를 만들 수 있습니다. 더 많은 도움을받을 수 있습니다. –

'getElementbyID''ID'는'Id'이어야합니다. 또한'by'을 사용하여'By'를 사용해야합니다. 더 나은 IDE 사용을 고려하십시오. –

document.getElementById 케이스를 확인하십시오. check 함수가 잘못되었습니다 ... document.getElementById 함수에 값을 할당 할 수 없습니다. 또한 if가 잘못되었습니다. 자바 스크립트를 아십니까? 각 지침에

출처

2012-12-25 22:31:08

나는 그것을 고쳤지 만 여전히 작동하지 않는다. (thnx anyways – user1928775

1 넣고과 끝 -

2 ; 직접 document.getElementById를 사용하지 마십시오>, 거기에 오류와 적어도 하나의 선두로부터이 될 것입니다 당신이 그것을 원하지 않는다.

function _e(id) { 
    return document.getElementById(id); 
}

3 항상 IF-ELSE 블록 주위에 괄호를 넣어 (...) :

if (...) { 
    //.... 
} else { 
    //.... 
}

4- 모든 태그는 그 값 주위에 ""특성을가, 예를 들면 :

<input type="button" value="start" onclick="check()" />

5 #test 이미지에서 업데이트해야하는 것으로 보이는 이미지 경로 만 배열에 넣을 수 있습니다.

출처

2012-12-25 22:39:55

너무 친절하다 :-) –

나는 알고있다 :-)하지만 나는 더 중요한 프로젝트에 들어가기 전에 신경 써야한다고 생각한다. –

좋은 방법이지만 속성 값을 따옴표로 묶는 것은 항상 필요한 것은 아닙니다 *. 이 경우 HTML을 제외하고는 XHTML이 아니라고 가정하면 완벽하게 유효합니다. –

내가 원하는 것은 아마도 이와 비슷한 것일 것입니다. document.getElementById(id) = something을 사용하여 요소를 추가하거나 바꾸려고하는 것 같지만 작동 방식이 아닙니다. 대신 이미지를 다른 파일로 변경하려면 src 속성을 변경해야합니다. (다른 방법도 있지만 가장 간단한 방법 일 수 있습니다.)

// Declare the variable called number here so it can be accessed 
// by all of the following functions. 
var number; 

// a simple function to save typing document.getElementById all the time 
function _e(id) { 
    return document.getElementById(id); 
} 
function startf() { 
    // Pick a number between 1 and 4 
    number = Math.floor(Math.random() * 4 + 1); 

    // Set the image with id 'test' to have the source 1.png, 2.png etc. 
    _e('test').src = number + '.png'; 
} 

function check() { 
    // note that == is used for comparison, = is used for assignment 
    if (_e('answer').value == number) { 
     _e('fa').innerHTML = "TRUE"; 
    } 
    else { 
     _e('fa').innerHTML = "False"; 
    } 
}

출처

2012-12-25 23:45:08 Stuart

어린이를위한 자바 스크립트

답변

관련 문제