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개
</p>
<p><script src="<a href="http://code.jquery.com/jquery-latest.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-latest.js"></script></a></p>
<p><h2 id="price">0</h2>
<button id="plus" onclick="myprice(42900)"> +42,900</button>
<button id="minus" onclick="myprice(0)">초기화</button></p>
<p><script>
function myprice(vv){
$("#price").text(vv);
return false;
}
</script></p>
<p>https://codepen.io/sinbi/pen/xxZgJPj">https://codepen.io/sinbi/pen/xxZgJPj
https://blog.outsider.ne.kr/361">https://blog.outsider.ne.kr/361
댓글을 작성하려면 로그인이 필요합니다.
<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>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
</strong></p>
<p><h2 id="price">0</h2></p>
<p> <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></p>
<p> </p>
<p><strong>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인