제이쿼리에서 바닐라 자바스크립트로 변환 단계에서 질문 있습니다.
본문
기존 제이쿼리 코드
$("#A").click(function(){
let type = $("#type").val();
let preValue = $("#"+type).val();
$("#"+type).val(parseInt(preValue)+1);
})
변환한 자바스크립트 코드
A.addEventListener("click", function() {
let type = document.querySelector("#type").value
let preValue = document.querySelector( "#" + type).value;
preValue.parseInt(preValue+1);
})
어떤게 문제인지 변환 과정에서 오류가 나와서
원인을 알고 싶어 질문 드립니다.
답변 2
let type = document.querySelector("#type").value
이녀석을 새로 셀럭터 해서 쓰는 이유라도??
let preValue = document.querySelector( "#" + type).value; 이녀석을
콘솔로그로 찍어서 확인해보세요 올바른건지..
<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>
----------
저 같으면 올드하지만 심플하게
<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>
답변을 작성하시기 전에 로그인 해주세요.