2014-08-29 4 views
-2

방금 ​​며칠 동안 자바 스크립트를 배우기 시작했습니다. 일주일에 루프를 사용하기 시작했는데 혼란스러워서 도와 줘.JavaScript에서 루프를 어떻게 사용합니까?

x?

<!DOCTYPE html> 
<html> 
<head> 
    <title>JavaScript</title> 
    <script type="text/javascript"> 
    var n,x; 
    n = parseInt(prompt("N", "5")); 

    for(i = 1; i <= n; i++) { 
     for(j = 1; j <= i; j++) { 
     x += j; 
     } 
    } 
    x += "<br/>";  
    </script> 
</head> 

<body> 
    <script type="text/javascript"> 
    document.write("<div class=box>"+x+"</div>") 
    </script> 
</body> 
</html> 
+6

에 내가 그것을 호출 오전 내 경우에는, 예를 들어, 실행을 위해 제대로 그 함수를 호출 질문은 무엇인가? –

+0

당신이 그들을 배우고 싶다면 .. 여기 가세요 : http://www.w3schools.com/js/js_loop_for.asp –

+0

이유를 알 수 있습니까? –

답변

1

코드에서 몇 가지 실수는 예를 작업하는 다음과 비슷한 모습이 될 것입니다있다 : -

여기
window.onload = function() { 
    var n; 
    var x = 0; 
    n = parseInt(prompt("N", "5")); 
    for (i = 1; i <= n; i++) { 
    for (j = 1; j <= i; j++) { 
      x += j 
      document.getElementById("box1").innerHTML += x + "<br>"; //Append new results to the document 
     } 
    } 
} 

지점에 일부 실수 fiddle

에 대한 링크입니다있다 : -

1) x+"<br>"을 사용하면 안됩니다. 문자열 형식으로 처리하는 것이 좋지만 루프의 반복에서는가 실행됩니다이므로 NaN을 출력합니다. 문서에 쓰는 동안 별도로 <br>을 추가해야합니다.

2) HTML 내부 쓰기 document.write() 당신은 그것의 ID를 사용하여 HTML 요소를 참조하고, 추가하여, 당신은 루프에 그 문을 작성해야 x의 모든 값을 인쇄 할 특히, 조금 이상한 것 같습니다 새 x 그것에

당신은 함수 내부에 스크립트를 포함하지 않은)

3 함수에 넣어서 window.onload

+0

또한 항상 [radix를 사용하세요] (http://www.michaelgaigg.com/blog/2008/10/07/the-importance-of-the-javascript-parseint-radix/)를'parseInt'와 함께 사용하십시오! –

관련 문제