js 관련 초보자 질문입니다!
본문
html에는
<body>
<h2 id="price">0</h2>
<div>
<button id="상품 추가"> +42,900</button>
<button id="상품 취소"> -42,900</button>
</div>
로 기본값은 0원이고, 상품 추가와 취소 버튼을 일단 만들어 두었습니다.
추가를 누르면 +42,900원 / 취소를 누르면 -42,900원을 수행하려고 합니다
이제 index.js에서 뭘 만져야 하는건 알겠는데, 숫자가 아닌 문자[42900]로 취급이 되어버려서..
getElementByid로 html에서 불러다가 parseint로 숫자취급을 해주면 된다는데 처음 보는 애들이라 방향성이 안 잡히네요 ㅠ.ㅠ
도움 부탁드려요!!
답변 4
<h2 id="price">0</h2>
<div>
<button id="plus"> +42,900</button>
<button id="minus"> -42,900</button>
</div>
<script>
let price = document.getElementById("price");
let plusbutton = document.getElementById("plus");
let minusbutton = document.getElementById("minus");
plusbutton.onclick = function() {
price.innerHTML = parseInt(price.innerHTML,10) + 42900;
};
minusbutton.onclick = function() {
price.innerHTML = parseInt(price.innerHTML,10) - 42900;
};
</script>
<button id="plus" onclick="myprice(42900)"> +42,900</button>
<button id="minus" onclick="myprice(-42900)"> -42,900</button>
<script>
function myprice(vv){
document.getElementById("price").innerHTML = 1*document.getElementById("price").innerHTML + vv;
}
</script>
var attrTarget = $("#상품추가");
var cancleTarget = $("#상품취소");
var test = parseint(attrTarget.html);
console.log(test); 이런식으로 찍어보세요
$가 정의되지 않았다고 뜨는데 어떻게 할까요 ㅠ.ㅠ
$지워보면 에러는 없는데, 브라우저에선 버튼 눌러도 무응답이고
콘솔에선 NaN이 나오네요 ㅠㅠ
<script src="http://code.jquery.com/jquery-latest.js"></script>
<h2 id="price">0</h2>
<button id="plus" onclick="myprice(42900)"> +42,900</button>
<button id="minus" onclick="myprice(0)">초기화</button>
<script>
function myprice(vv){
$("#price").text(vv);
return false;
}
</script>
