inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Từ cơ bản đến thực hành JavaScript+jQuery: Cơ bản Phần 1

Bài tập - Tính giá giảm

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

489

sinconpo353118

1 câu hỏi đã được viết

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

Câu trả lời 1

0

kimhomme3855

오타 나셨어요~

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

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

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

0

sinconpo353118

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

수강자료 다운로드 관련 문의

0

21

2

선택정렬 이해하기 & 구현하기

0

9

1

mission12-01 guide.md파일 누락

0

14

1

자료집 관련

0

25

2

13. (App 2) 기본기 훈련 에서

0

34

1

챌린지 시작일 문의

0

39

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

32

1

11차시 Antigravity IDE 설치 후

0

34

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

36

1

5,6,7,8 내용이 없어요

0

33

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

31

1

mission 09-01 을 수행할 수 없어요

0

33

1

Context API vs Zustand 그리고 Auth

0

39

2

순수 함수 / 순수 컴포넌트

0

27

1

css box-sizing 관련 질문

0

35

2

스니펫이 이상해요

0

34

2

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

0

609

1

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

0

380

0

변수 선언 시 undefined

0

516

1

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

0

369

0

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

0

428

2

자바스크립트 코드 실행

0

328

0

노드 버전 질문

0

397

1

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

0

740

3