테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리에서 바닐라 자바스크립트로 변환 단계에서 질문 있습니다.

김빵chan 3년 전 조회 2,042

기존 제이쿼리 코드

</p>

<p>$("#A").click(function(){</p>

<p>let type = $("#type").val();</p>

<p>let preValue = $("#"+type).val();</p>

<p>$("#"+type).val(parseInt(preValue)+1);</p>

<p>})</p>

<p>

 

변환한 자바스크립트 코드

</p>

<p>A.addEventListener("click", function() {</p>

<p>    let type = document.querySelector("#type").value</p>

<p>    let preValue = document.querySelector( "#" + type).value;</p>

<p>    preValue.parseInt(preValue+1);</p>

<p>})</p>

<p>

 

어떤게 문제인지 변환 과정에서 오류가 나와서

원인을 알고 싶어 질문 드립니다.

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

</p>

<p><button id=aaa type=button style=cursor:pointer>클릭</button>

<input id=bbb type=text value=1>

<script>

document.querySelector("#aaa").addEventListener("click", function() {</p>

<p>    document.querySelector("#bbb").value = parseInt(document.querySelector("#bbb").value) + 1;

})

</script></p>

<p>

 

----------

 

저 같으면 올드하지만 심플하게

 

</p>

<p><button id=aaa type=button style=cursor:pointer>클릭</button>

<input id=bbb type=text value=1>

<script>

aaa.onclick = function() {

    bbb.value = Number(bbb.value) + 1;

}

</script></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

   let type = document.querySelector("#type").value 

이녀석을 새로 셀럭터 해서 쓰는 이유라도??

 

let preValue = document.querySelector( "#" + type).value; 이녀석을

콘솔로그로 찍어서 확인해보세요 올바른건지.. 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인