2013-11-01 2 views
1

저는 자바 스크립트를 배웠고 잠시 중단되었습니다. 내가 1에게 버튼을 누를 때마다 추가하려고하고 그렇게되지, 단순히 내가 여전히 바보 같은 실수하면 용서 그렇게 배우고 0변수가 divCount를 수정하지 않습니다.

<input id="numberBox" size="10" type="text"> 
<br><br> 
<input value="Double!" 
onclick="var n = document.getElementById('numberBox').value; 
n = n * 2; 
document.getElementById('numberBox').value = n"; 
input type="button"> 
<br> 
<br> 
<input value="Reset Number of Clicks" onclick="document.getElementById('divCount').innerHTML = 0;" type="button"> 
</p> 
<hr> 
    <script> 
     var count = document.getElementById('divCount').innerHTML; 
     count ++; 
     document.getElementById('divCount').innerHTML = count; 
    </script> 
    <div id='divCount'>0</div> 

에 머물고있다. 감사.

+0

내 대답을 확인하셨습니까? –

답변

0
<div id='divCount'>0</div> 
<input type="button" value="add" onclick="oneUp();" /> 

<script> 
function oneUp() 
{ 
    var count = parseInt(document.getElementById('divCount').innerHTML, 10); 
    count ++; 
    document.getElementById('divCount').innerHTML = count; 
} 
</script> 
+0

정말 고마워요! 정보가 정말 도움이되었고 기능에 대해 좀 더 배웠습니다. 매우 감사. – user2946457

+0

도와 주시면 투표 해주세요. –

1

실제로 증가하는 attemoting 전에 count는 정수 있는지 확인하기 위해 parseInt 기능을 사용

<script> 
    var count = parseInt(document.getElementById('divCount').innerHTML, 10); 
    count ++; 
    document.getElementById('divCount').innerHTML = count; 
</script> 

당신이 문자열 반환을 호출하는 innerHTML 속성입니다. 그리고 문자열에 대해 ++ 연산을 수행하는 것은 의미가 없습니다. 오히려 숫자로 그렇게 할 수 있습니다. 두 번째 인수는 문자열을 파싱 할 때의 기준을 나타내며이 경우 10 진수입니다 (10).

<div id="divCount">0</div> 

<script> 
    var count = parseInt(document.getElementById('divCount').innerHTML, 10); 
    count ++; 
    document.getElementById('divCount').innerHTML = count; 
</script> 

을하거나 DOM 아직 완전히로드되지 않기 때문에 그 때까지는 당신은 당신이 널 얻을 수 있습니다 document.getElementById('divCount')를 호출 :

또한 당신이 조작하는 DIV 후이 스크립트를 배치 한 thta 확인하십시오.

당신은 당신이 당신의 스크립트를 실행하고 당신이 그것을 증가하는 문자열을 구문 분석해야 할 때 아직 생성 요소가 있어야합니다
+0

parseInt 함수를 추가하여 숫자가 더 이상 문자열이 아니지만 값은 여전히 ​​0으로 유지됩니다. 더 많은 코드를 위해 원래 게시물을 업데이트합니다. 아이디어는 사용자가 숫자를 입력하고 두 배가되며 또한 클릭 수를 보여줍니다. 도와 주셔서 감사합니다. – user2946457

+1

@ user2946457 div가 스크립트 (스크립트에서 정의되지 않음) 뒤에 있기 때문에 div 태그 뒤에서 스크립트를 이동하십시오. –

+0

@AshkanMobayenKhiabani, 좋은 지적으로, 제 대답을 고려하여 업데이트했습니다. –

1

:

<div id='divCount'>0</div> 
<script> 
    var count = parseInt(document.getElementById('divCount').innerHTML, 10); 
    count ++; 
    document.getElementById('divCount').innerHTML = count; 
</script> 

당신이 요소 후 스크립트를 넣어하지 않으려면

(또는 경우

<script> 
    document.addEventListener('load', function(){ 
     var count = parseInt(document.getElementById('divCount').innerHTML, 10); 
     count ++; 
     document.getElementById('divCount').innerHTML = count; 
    }); 
</script> 
<div id='divCount'>0</div> 
0

이에서는 parseInt 시도() 함수 :

<script> 
    var count = parseInt(document.getElementById('divCount').innerHTML); 
    count++; 
    document.getElementById('divCount').innerHTML = count; 
</script> 
<div id='divCount'>0</div> 
JS 코드, 당신은 부하에 실행되는 기능에 내용을 넣을 수 있음) 헤더에 수입 된 별도의 파일에
관련 문제