2026, 새로운 도약을 시작합니다.

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개

Copy




0

 +42,900

초기화



function myprice(vv){

  $("#price").text(vv);

  return false;

}



https://codepen.io/sinbi/pen/xxZgJPj

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개

https://codepen.io/sinbi/pen/xxZgJPj

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

Copy


0

    

         +42,900

         -42,900

    

    

    

        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;

        };        

    

 

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

답변에 대한 댓글 1개

https://codepen.io/sinbi/pen/NWxdByN

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

var attrTarget = $("#상품추가");

var cancleTarget = $("#상품취소");

var test = parseint(attrTarget.html);

console.log(test); 이런식으로 찍어보세요

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

답변에 대한 댓글 1개

$가 정의되지 않았다고 뜨는데 어떻게 할까요 ㅠ.ㅠ
$지워보면 에러는 없는데, 브라우저에선 버튼 눌러도 무응답이고
콘솔에선 NaN이 나오네요 ㅠㅠ

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

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

로그인
🐛 버그신고