할인을 메긴 결과값이 나오지를 않습니다. 코드 한번 봐주시길 부탁드립니다 ㅜㅜ
480
초콜릿
작성한 질문수 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>
답변 1
쿠키 생성 관련
0
8
1
JWT auth error invalid token
0
24
2
경력기술서는 어떤 방향이 좋을까요?
0
28
2
MSA 와 BFF 아키텍처 설명 부분에 대한 문의
0
39
1
eslint.config.js 설정 질문입니다.
0
53
2
7강 흐름 제어 아키택쳐 코드 순서
1
45
1
수업자료 어디서 찾아볼 수 있나요?
0
43
2
함수 강의의 정답.. 어떤가요?
0
35
1
깃권한요청드립니다
0
37
1
<div id="banner">배너 이미지</div> 관련 질문
0
31
1
강의자료
0
38
1
윈도우에서 Node js를 설치하고 싶어요
0
34
0
addToFile function에서 path를 사용해 새로운 파일을 생성
0
42
1
[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처
0
39
2
강의가 누락된것 같습니다.
0
46
2
용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?
0
57
1
상단에 일시정지 새로고침하는 것은 어떻게 나오게 하나요??
0
598
1
10:51 list와 num에 대한 출력 코드가 둘 다 있는데 왜 num만 출력되는지 ?
0
372
0
변수 선언 시 undefined
0
505
1
파라미터랑 아규먼트가 같은건가요?
0
361
0
강의 중에 scrip에 관해 질문드립니다.
0
413
2
자바스크립트 코드 실행
0
317
0
노드 버전 질문
0
390
1
왜 결과값이 안나오는지 알수 있을까요? let대신 var를 써도 안나오네요ㅜㅜ
0
725
3