inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1

실습 - 할인 가격 계산 프로그램

할인을 메긴 결과값이 나오지를 않습니다. 코드 한번 봐주시길 부탁드립니다 ㅜㅜ

478

초콜릿

작성한 질문수 1

0

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>할인 가격 프로그램</title>
    <link rel="stylesheet" href="css/sale.css">
</head>
<body>
    <div id="contents">
        <img src="resource/sale-g7ae51c613_1280.jpg" alt="세일 사진" width="150">
        <ul>
            <li>
                <label for="originalPrice">원래 가격</label>
                <input type="text" id="originalPrice">
            </li>
            <li>
                <label for="rate">할인율</label>
                <input type="text" id="rate">%
            </li>
            <li>
                <button onclick="ShowPrice()">할인 가격 계산하기</button>
            </li>
        </ul>
        <div id="showResult"></div>
    </div>

    <script>
        function ShowPrice() {
            var oprice = document.querySelector('#originalPrice').value;
            var rate = document.querySelector('#rate').value;

            if(oprice > 0 && rate > 0) {
                var savedPrice = oprice * (rate/100);
                var resultPrice = oprice - savedPrice;
            }

            document.querySelector('#showResult').innerHTML = '상품의 원래 가격은'
            + oprice + '원이고' +  '할인율은' + rete + '%입니다.' + savedPrice +
            '원을 절약한' + resultPrice + '원에 살 수 있습니다.';
        }
    </script>
</body>
</html>

javascript jquery

답변 1

0

민형

오타 나셨어요~

            document.querySelector('#showResult').innerHTML = '상품의 원래 가격은'

        + oprice + '원이고' +  '할인율은' + rete + '%입니다.' + savedPrice +

            '원을 절약한' + resultPrice + '원에 살 수 있습니다.';
 
rete -> rate로 바꾸시면 해결 될겁니다!

0

초콜릿

글자에 오타가 있는줄은 몰랐네요 ㅜ... 정말 감사합니다!!

useState 직접 구현 부분에서 질문이 있습니다.

1

8

1

학습을 하고 블로그에 정리를 해도 괜찮을까요?

1

11

1

교재(3쇄)와 강의 내용 문의

0

21

2

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

23

1

call stack 표현이 잘못표현된것이 아닌가요?

0

55

2

React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.

0

34

1

일반 강의와 차이점?

1

52

1

!= 연산자의 역할

0

35

1

중요하진 않지만 설명하신부분에서 안된부분..

1

34

1

강의 듣는 순서가 어떻게 되나요?

0

48

1

stopPropagation()에 대해서 질문 있습니다.

0

49

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

63

2

27강 Context내 RSC 사용 관련 문의

0

80

3

혹시 다음 강의 제작 예정된 것들이 있을까요?

0

78

1

Enable Linting 항목을 찾을수가 없습니다.

0

45

2

에러 질문드립니다

0

62

2

상단에 일시정지 새로고침하는 것은 어떻게 나오게 하나요??

0

589

1

10:51 list와 num에 대한 출력 코드가 둘 다 있는데 왜 num만 출력되는지 ?

0

367

0

변수 선언 시 undefined

0

499

1

파라미터랑 아규먼트가 같은건가요?

0

357

0

강의 중에 scrip에 관해 질문드립니다.

0

407

2

자바스크립트 코드 실행

0

310

0

노드 버전 질문

0

385

1

왜 결과값이 안나오는지 알수 있을까요? let대신 var를 써도 안나오네요ㅜㅜ

0

718

3