자바 스크립트 : 커피 머신 시뮬레이터, 메서드 문제 및 값 수집

마샤

이 시뮬레이션 자바 스크립트 커피 머신을 만들었는데 두 가지 방법에 문제가 있습니다. 하나는 물 (예 : 커피)을 추가하고 다른 하나는 비어 있습니다. 이것이 내가 첫 번째 방법으로 얻은 것입니다.

let coffeeMachine = {
                water: 400,
                coffee: 10,
                milk: 100,
                credit: 100,

waterStatus: function () {
                    document.getElementById('water-status').innerText = this.water;
                },

addWater: function () {
                    let addWater = prompt('Unesite kolicinu vode koju zelite da dodate');

                if (addWater === null || addWater.trim().length === 0) {
                    alert('Morate uneti koliko vode zelite');
                    return;
                } else if (isNaN(addWater) || addWater.startsWith('-') || addWater % 1 !== 0) {
                    alert('Unos mora biti pozitivna brojcana vrednost');
                    return;
                } else if (this.water < 400) {
                    addWater = Number(addWater);
                    this.water += addWater;
                } else {
                    alert('Maksimalan unos vode je 400');
                    return;
                }
                this.waterStatus();
            },

이 문제의 문제는 총 값이 400보다 클 수 없으며 400보다 큰 값을 처음 입력 할 때만 작동합니다 (경고 팝업).하지만 100을 더하면 500 이상이 기록됩니다 ( 600), 조건을 고려하지 않았습니다. this.water와 addWather의 합계를 수집 할 새 변수를 생성하지 않는 것입니까, 아니면 다른 것을 놓치고 있습니까?

두 번째 방법은 물을 비우고 물의 현재 상태가 우리가 전달하는 값보다 큰지 확인해야합니다. 내가 이거 가지고있어:

emptyWater: function (water) {
                    if (this.water > addWater) {
                        this.water -= addWater;
                        this.waterStatus(water);
                        document.getElementById('message').innerText = 'Pouring water';
                    } else {
                        document.getElementById('message').innerText = 'Machine is out of water \n';
                    }
                },

개체 자체에는 물, 예를 들어 커피에 대한 미리 정의 된 값이 있습니다.

물 상태 함수에서 수집 한 값을 동적으로 만들지 않았습니까?

 waterStatus: function () {
                    document.getElementById('water-status').innerText = this.water;
                },
타마스 조크

새 총액을 확인하면 조건이 작동합니다.

....
} else if (this.water + Number(addWater) < 400) {
  addWater = Number(addWater);
  this.water += addWater;
...

최신 정보

함수 에서 매개 변수 wateraddWater변경해야한다고 생각합니다 emptyWater.

emptyWater: function (addWater) {
  if (this.water > addWater) {
    this.water -= addWater;
    this.waterStatus();
    ...

addWater함수에서 다음과 같이 사용할 수 있습니다 .

...
} else if (this.water < 400) {
  addWater = Number(addWater);
  this.water += addWater;
  this.emptyWater(addWater);
...

그리고 다음과 waterStatus같습니다.

waterStatus: function () {
  document.getElementById('water-status').innerText = this.water;
},

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트 타이머 및 PHP 변수 문제

분류에서Dev

자바 스크립트와 자바에서 시뮬레이션 된 도약 프레임 수신

분류에서Dev

자바 스크립트와 자바에서 시뮬레이션 된 도약 프레임 수신

분류에서Dev

자바 스크립트 및 편집 값

분류에서Dev

자바 스크립트 변수 값 저장, 편집 및 공유

분류에서Dev

소수점 및 자바 스크립트 및 HTML 양식 서식 문제

분류에서Dev

자바 스크립트 표시 오류 및 페이지 다시로드 문제

분류에서Dev

가상 머신 자동 시작 및 VM 내에서 스크립트 실행

분류에서Dev

가상 머신 자동 시작 및 VM 내에서 스크립트 실행

분류에서Dev

swith의 자바 스크립트 문제, 이미지 및 사운드 케이스

분류에서Dev

자바 스크립트에서 객체 값을 수정하는 문제

분류에서Dev

Mongodb 문서 값 저장 및 자바 스크립트에서 값 읽기

분류에서Dev

자바 스크립트에서 하나의 명령문에서 변수 및 반환 값 선언

분류에서Dev

자바 스크립트 비동기 및 트위터 문제

분류에서Dev

순수 자바 스크립트의 자동 슬라이드 쇼 문제

분류에서Dev

<select> 태그 및 자바 스크립트 메서드에 여러 값 반환

분류에서Dev

자바 스크립트 함수 클로저-return 문에서 업데이트 된 변수 값에 액세스

분류에서Dev

자바 스크립트 코드 구조 이해 및 수정

분류에서Dev

자바 스크립트에서 서블릿으로 값 및 제어 전달

분류에서Dev

커피-> 자바 스크립트-> 타이프 스크립트

분류에서Dev

자바 스크립트의 IF 문 및 메시지 변수의 새 HTML 페이지에 연결

분류에서Dev

HTML 및 자바 스크립트 코드 연결 문제

분류에서Dev

HTML 및 자바 스크립트 코드 문제

분류에서Dev

자바 스크립트의 json에서 키 값 가져 오기 (변수에 키 이름 저장 및 사용)

분류에서Dev

자바 스크립트 setInterval 타이머 문제

분류에서Dev

초보자 자바 스크립트-제한된 수의 쿼리 표시 및 하단에로드 추가

분류에서Dev

하위 도메인 및 도메인 (최상위 수준 제외) 만 일치시키는 자바 스크립트 정규식 또는 문자열 방법

분류에서Dev

자바 스크립트 함수의 지시문에 정의 된 컨트롤러에서 메서드 호출

분류에서Dev

JQuery 및 Play 프레임 워크 2 자바 스크립트 라우터 문제

Related 관련 기사

  1. 1

    자바 스크립트 타이머 및 PHP 변수 문제

  2. 2

    자바 스크립트와 자바에서 시뮬레이션 된 도약 프레임 수신

  3. 3

    자바 스크립트와 자바에서 시뮬레이션 된 도약 프레임 수신

  4. 4

    자바 스크립트 및 편집 값

  5. 5

    자바 스크립트 변수 값 저장, 편집 및 공유

  6. 6

    소수점 및 자바 스크립트 및 HTML 양식 서식 문제

  7. 7

    자바 스크립트 표시 오류 및 페이지 다시로드 문제

  8. 8

    가상 머신 자동 시작 및 VM 내에서 스크립트 실행

  9. 9

    가상 머신 자동 시작 및 VM 내에서 스크립트 실행

  10. 10

    swith의 자바 스크립트 문제, 이미지 및 사운드 케이스

  11. 11

    자바 스크립트에서 객체 값을 수정하는 문제

  12. 12

    Mongodb 문서 값 저장 및 자바 스크립트에서 값 읽기

  13. 13

    자바 스크립트에서 하나의 명령문에서 변수 및 반환 값 선언

  14. 14

    자바 스크립트 비동기 및 트위터 문제

  15. 15

    순수 자바 스크립트의 자동 슬라이드 쇼 문제

  16. 16

    <select> 태그 및 자바 스크립트 메서드에 여러 값 반환

  17. 17

    자바 스크립트 함수 클로저-return 문에서 업데이트 된 변수 값에 액세스

  18. 18

    자바 스크립트 코드 구조 이해 및 수정

  19. 19

    자바 스크립트에서 서블릿으로 값 및 제어 전달

  20. 20

    커피-> 자바 스크립트-> 타이프 스크립트

  21. 21

    자바 스크립트의 IF 문 및 메시지 변수의 새 HTML 페이지에 연결

  22. 22

    HTML 및 자바 스크립트 코드 연결 문제

  23. 23

    HTML 및 자바 스크립트 코드 문제

  24. 24

    자바 스크립트의 json에서 키 값 가져 오기 (변수에 키 이름 저장 및 사용)

  25. 25

    자바 스크립트 setInterval 타이머 문제

  26. 26

    초보자 자바 스크립트-제한된 수의 쿼리 표시 및 하단에로드 추가

  27. 27

    하위 도메인 및 도메인 (최상위 수준 제외) 만 일치시키는 자바 스크립트 정규식 또는 문자열 방법

  28. 28

    자바 스크립트 함수의 지시문에 정의 된 컨트롤러에서 메서드 호출

  29. 29

    JQuery 및 Play 프레임 워크 2 자바 스크립트 라우터 문제

뜨겁다태그

보관