왜 결과값이 안나오는지 알수 있을까요? let대신 var를 써도 안나오네요ㅜㅜ
const rateBtn = document . getElementById ( "#rate-btn" ); getElementById를 쓰셨기 때문에 뒤쪽 소괄호 안에는 #를 빼고 rate-btn만 작성해주셔야 선택이 제대로 됩니다. 위에 말씀 해주신 것처럼 onclick 사용시 해당 선언이 불필요하여 오류가 나지 않지만, rateBtn 을 사용하실거면 그렇게 작성하시면 좋을 것 같습니다. 위처럼 작성 후 console에 rateBtn 찍으시면 null로 나와요! #rate-btn을 작성하실거라면 querySelector를 작성하는 방법도 있습니다. onclick 사용 없이 코드를 작성해봤습니다. script > const rateBtn = document . getElementById ( "rate-btn" ); const showPrice = () => { //사용자가 입력한 값을 두개의 변수에 저장함 let original = document . querySelector ( "#original" ). value ; let rate = document . querySelector ( "#rate" ). value ; if ( original > 0 && rate > 0 ) { var savedPrice = original * ( rate / 100 ); var resultPrice = original - savedPrice ; } document . querySelector ( ".show-result" ). innerHTML = "상품의 원래 가격은" + original + "원이고, 할인율은" + rate + "%입니다." + savedPrice + "원을 할인받아" + resultPrice + "원에 구매하실 수 있습니다." ; }; rateBtn . addEventListener ( "click" , showPrice ) script > 저도 같은 학생이라 도움 되셨길 바라요!