Notice
Recent Posts
Recent Comments
Link
«   2025/10   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

왕초보 코딩 개발 일지 블로그

[23.05.09] if와 switch를 사용하여 자판기 만들기 본문

Javacript

[23.05.09] if와 switch를 사용하여 자판기 만들기

아캔두우잇 2023. 5. 9. 10:14
반응형
Vending Machine
<!DOCTYPE html>
<html lang="en">
<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>Vending Machine</title>
</head>
<body>
    <script>
        const drink = prompt("어떤 음료를 선택하시겠어요?");
        const cash = Number(prompt("동전을 넣어 주세요"));
        let won = 0;

        switch(drink) {
            case '솔의눈': won = 400; break;
            case '콜라': won = 500; break;
            case '밀키스': won = 600; break;
            case '오렌지주스': won = 700; break;
            default: document.write("음료를 골라 주세요"); break;
        }
       
        if (isNaN(cash)) {
            document.write("돈을 넣어 주세요");
        } else if (won == 0) {
            document.write("음료를 골라 주세요");
        } else if (won > cash) {
            document.write("돈이 모자랍니다");
        } else if (cash > 5000) {
            document.write("금액이 너무 큽니다")
        } else {
            let change = cash - won;
            document.write(`${drink}의 가격은 ${won}원입니다. ${cash}원에 대한 거스름돈은 ${change}원입니다.`);
        }
    </script>
</body>
</html>

<!-- 자판기 만들기
---------------------------
음료 : 솔의눈(400원), 콜라(500원), 밀키스(600원), 오렌지주스 (700원)
prompt로 음료이름과 돈을 순차로 입력받아서 거스름돈을 출력하는 프로그램 제작.
음료를 선택하지 않을 경우 '음료를 골라 주세요', 그 외 금액 설정.

입력한 돈이 NaN이거나 음수면 '돈을 넣어 주세요'
입력한 돈이 선택한 음료 가격보다 적은 경우 '돈이 모자랍니다'
입력한 돈이 5000원 이상인 경우 '금액이 너무 큽니다'
그 외의 경우
'{음료}의 가격은 {가격}입니다. {입력한 금액}에 대한 거스름돈 {얼마}입니다'
라고 document.write (innerText)로 출력할 것
힌트 : switch문과 if-else문을 둘 다 사용하세요  -->
반응형

'Javacript' 카테고리의 다른 글

[23.05.09] 자바스크립트 배열 인덱스 데이터 추가 및 삭제 방법  (0) 2023.05.09
[23.05.09] 자바스크립트 반복문 활용 : 숫자 배열 안에서 최댓값 출력 & 홀수만 출력  (0) 2023.05.09
[23.05.09] 함수 호이스팅 (함수 선언문과 함수 표현식의 차이)  (0) 2023.05.09
[23.05.08] 배경바꾸는 버튼  (0) 2023.05.08
[23.05.08] 예제 background color  (0) 2023.05.08
'Javacript' Related Articles more