SIR
목록으로
이전글 다음글

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

김빵chan
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 조회 2,130
답변 2
목록

기존 제이쿼리 코드

Copy 
$("#A").click(function(){

let type = $("#type").val();

let preValue = $("#"+type).val();

$("#"+type).val(parseInt(preValue)+1);

})

변환한 자바스크립트 코드

Copy 
A.addEventListener("click", function() {

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

    let preValue = document.querySelector( "#" + type).value;

    preValue.parseInt(preValue+1);

})

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

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

#javascript

답변 2개

Copy 
<button id=aaa type=button style=cursor:pointer>클릭</button>
<input id=bbb type=text value=1>
<script>
document.querySelector("#aaa").addEventListener("click", function() {

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

----------

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

Copy 
<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>
로그인 후 평가할 수 있습니다

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

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

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

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

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

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

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

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

로그인
🐛 버그신고