고수분들께 innerhtml 지우는법 질문 드립니다.

Question

안녕하세요. 현재 키오스크를 만들고 있습니다. 그런데 만드는 도중 잘 모르겠는 부분이 있어서 질문 올립니다.밑의 사진 에서 155라인에 onclick을 하면 175번 라인에서 innerhtml로 클릭한 메뉴를 추가하는데 똑같은 메뉴를 클릭했을 때 맨 밑의 사진 처럼 나옵니다.이때 같은 메뉴를 2번 클릭 했을 때 이전의 innerhtml한 내용은 사라지고 count&#43;&#43;돈 innerhtml만 나오게 하고 싶습니다.알고 계시는 고수분들은 답변 해주시면 갑사하겠습니다ㅠㅠ

하태연 · Accepted Answer

click 이벤트에 menuListArea.innerHtml &#43;&#61; 하니까 당연히 클릭하면 저렇게 나오는 게 맞구요.저라면 화면에 innerHtml을 세팅하는 부분을 별도의 function으로 분리하고, click 이벤트에서 호출할 것 같습니다.(요약, else문 아래는 별도의 function으로 만듦. 거기에서는 menuList의 key값을 돌면서 다시 innerHtml을 세팅)

테스트맨 · Answer

onclick시 totalPriceAmount.empty() 진행하고 하쇼아 제이쿼리가 아니구나totalPriceAmount.innerHTML &#61; '' 이렇게하쇼

보름 · Answer

innerHtml을 사용하여 내용을 가져오는 것은 문제되지 않지만 innerHtml에 값을 지정하는 것은 보안위반입니다.소스코드 검사하면 모두 지적당하고 수정해야 검수가 됩니다.실무에서는 사용할 수 없는 코드이니 다른 방법을 찾아보셔야 합니다.

고수분들께 innerhtml 지우는법 질문 드립니다.

3개의 답변

#cart 목록