본문 바로가기

컴퓨터공부/Javascript

[ES6] 11. if js조건으로, prompt로 사용자값입력해보기.

by Life & study 2023. 5. 27.
반응형

[ES6] 11. if js조건으로, prompt로 사용자값입력해보기.

 

사용자가 prompt를 통해 입력한 값을 변수에 저장하고, 이 값이 55 이상인지 아닌지를 판단하는 예시 코드는 다음과 같습니다.

30을 입력하고,

[ES6] 11. if js조건으로, prompt로 사용자값입력해보기.


사용자가 prompt를 통해 입력한 값을 변수에 저장하고, 이 값이 55 이상인지 아닌지를 판단하는 예시 코드는 다음과 같습니다.

30을 입력하고,




결과값,



```javascript
let userInput = prompt("숫자를 입력하세요.");

if (userInput >= 55) {
 alert("55 이상입니다."); // 조건이 참이면 이 부분이 실행됩니다.
} else {
 alert("55 미만입니다."); // 조건이 거짓이면 이 부분이 실행됩니다.
}
```

이 코드는 사용자로부터 "숫자를 입력하세요." 라는 문구가 포함된 prompt 창을 표시하고, 사용자가 입력한 값을 "userInput" 변수에 저장합니다. 그 다음, "if"문에서 이 값이 55 이상인지 아닌지를 판단합니다. 만약 "userInput" 값이 55 이상이라면, alert() 메서드에 의해서 "55 이상입니다." 라는 경고창이 표시될 것입니다. 만약 "userInput" 값이 55보다 작다면, alert() 메서드에 의해서 "55 미만입니다." 라는 경고창이 표시될 것입니다.





-



아래는 사용자가 입력한 나이에 따라 다른 메시지를 출력하는 예시 코드입니다.

```
let age = prompt("나이를 입력하세요.");
if (age > 30) {
 alert("나이가 30살 이상입니다.");
} else if (age < 20) {
 alert("나이가 20살 이하입니다.");
} else {
 alert("나이가 정확히 맞습니다.");
}
```

### 코드 설명

- `let age = prompt("나이를 입력하세요.");`: `prompt` 함수를 이용해 사용자로부터 입력 받은 값을 `age` 변수에 할당합니다.
- `if (age > 30) {...} else if (age < 20) {...} else {...}`: `if-else if-else` 조건문을 사용해 `age` 변수에 따라 다른 메시지를 `alert` 함수로 출력합니다.
 - `age > 30`: `age` 변수가 30살 초과일 때 `"나이가 30살 이상입니다."`를 출력합니다.
 - `age < 20`: `age` 변수가 20살 미만일 때 `"나이가 20살 이하입니다."`를 출력합니다.
 - `else`: 위 두 조건이 모두 만족하지 않을 때 `"나이가 정확히 맞습니다."`를 출력합니다.

2번째, 예시
예시 코드를 통해 조건식 `if (조건 = 55)`에 대한 상세한 설명을 드리겠습니다. 그러나 주의해야 할 점은 조건식을 평가할 때 등호(`=`) 대신 등호 두 개(`==` 또는 `===`)를 사용해야 합니다. 등호 두 개(`==` 또는 `===`)는 비교 연산자로 값을 비교하는 데 사용되고, 등호(`=`)는 할당 연산자로 변수에 값을 할당하는 데 사용됩니다.

다음은 예시 코드입니다:

```javascript
var condition = 55;

if (condition >= 55) {
 console.log("55 이상입니다."); // 55 이상일 때 실행되는 코드
} else {
 console.log("54 이하입니다."); // 54 이하일 때 실행되는 코드
}
```

위의 코드에서 `condition` 변수는 55로 초기화되었습니다. 조건식 `condition >= 55`는 `condition`의 값이 55 이상인지 확인하는 조건입니다. 조건식이 참이므로 if 문의 코드 블록이 실행되어 "55 이상입니다."라는 출력이 나옵니다.

만약 `condition` 변수의 값이 54라면, 조건식 `condition >= 55`는 거짓이 되어 else 블록이 실행되어 "54 이하입니다."라는 출력이 나올 것입니다.

따라서 예시 코드에서는 `condition`의 값에 따라 if 문의 코드 블록이 실행되는지 여부가 결정됩니다. 조건식을 조정하여 프로그램의 요구에 맞게 동작하도록 작성할 수 있습니다.

나이 변수만들고, prompt 로 입력받아서 나이맞추고 이상입니다 이하입니다 정확히 맞췃습니다 funtion 만들기,
let age = 40;
let ageprompt = prompt("나이를 입력하세요.");

if (age < ageprompt) {
 alert("나이가 그 이상입니다.");
} else if (age > ageprompt) {
 alert("나이 틀립니다.");
} else {
 alert("나이가 정확히 맞습니다.");
}


41이상 입력시,

 

결과값,


```javascript
let userInput = prompt("숫자를 입력하세요.");

if (userInput >= 55) {
  alert("55 이상입니다."); // 조건이 참이면 이 부분이 실행됩니다.
} else {
  alert("55 미만입니다."); // 조건이 거짓이면 이 부분이 실행됩니다.
}
```

이 코드는 사용자로부터 "숫자를 입력하세요." 라는 문구가 포함된 prompt 창을 표시하고, 사용자가 입력한 값을 "userInput" 변수에 저장합니다. 그 다음, "if"문에서 이 값이 55 이상인지 아닌지를 판단합니다. 만약 "userInput" 값이 55 이상이라면, alert() 메서드에 의해서 "55 이상입니다." 라는 경고창이 표시될 것입니다. 만약 "userInput" 값이 55보다 작다면, alert() 메서드에 의해서 "55 미만입니다." 라는 경고창이 표시될 것입니다.

 

 

-

 

아래는 사용자가 입력한 나이에 따라 다른 메시지를 출력하는 예시 코드입니다.

```
let age = prompt("나이를 입력하세요.");
if (age > 30) {
  alert("나이가 30살 이상입니다.");
} else if (age < 20) {
  alert("나이가 20살 이하입니다.");
} else {
  alert("나이가 정확히 맞습니다.");
}
```

### 코드 설명

- `let age = prompt("나이를 입력하세요.");`: `prompt` 함수를 이용해 사용자로부터 입력 받은 값을 `age` 변수에 할당합니다.
- `if (age > 30) {...} else if (age < 20) {...} else {...}`: `if-else if-else` 조건문을 사용해 `age` 변수에 따라 다른 메시지를 `alert` 함수로 출력합니다.
  - `age > 30`: `age` 변수가 30살 초과일 때 `"나이가 30살 이상입니다."`를 출력합니다.
  - `age < 20`: `age` 변수가 20살 미만일 때 `"나이가 20살 이하입니다."`를 출력합니다.
  - `else`: 위 두 조건이 모두 만족하지 않을 때 `"나이가 정확히 맞습니다."`를 출력합니다.


2번째, 예시

예시 코드를 통해 조건식 `if (조건 = 55)`에 대한 상세한 설명을 드리겠습니다. 그러나 주의해야 할 점은 조건식을 평가할 때 등호(`=`) 대신 등호 두 개(`==` 또는 `===`)를 사용해야 합니다. 등호 두 개(`==` 또는 `===`)는 비교 연산자로 값을 비교하는 데 사용되고, 등호(`=`)는 할당 연산자로 변수에 값을 할당하는 데 사용됩니다.

다음은 예시 코드입니다:

```javascript
var condition = 55;

if (condition >= 55) {
    console.log("55 이상입니다."); // 55 이상일 때 실행되는 코드
} else {
    console.log("54 이하입니다."); // 54 이하일 때 실행되는 코드
}
```

위의 코드에서 `condition` 변수는 55로 초기화되었습니다. 조건식 `condition >= 55`는 `condition`의 값이 55 이상인지 확인하는 조건입니다. 조건식이 참이므로 if 문의 코드 블록이 실행되어 "55 이상입니다."라는 출력이 나옵니다.

만약 `condition` 변수의 값이 54라면, 조건식 `condition >= 55`는 거짓이 되어 else 블록이 실행되어 "54 이하입니다."라는 출력이 나올 것입니다.

따라서 예시 코드에서는 `condition`의 값에 따라 if 문의 코드 블록이 실행되는지 여부가 결정됩니다. 조건식을 조정하여 프로그램의 요구에 맞게 동작하도록 작성할 수 있습니다.


나이 변수만들고, prompt 로 입력받아서 나이맞추고 이상입니다 이하입니다 정확히 맞췃습니다 funtion 만들기,

let age = 40;
let ageprompt = prompt("나이를 입력하세요.");

if (age < ageprompt) {
  alert("나이가 그 이상입니다.");
} else if (age > ageprompt) {
  alert("나이 틀립니다.");
} else {
  alert("나이가 정확히 맞습니다.");
}

 

41이상 입력시,

#javascriptfunctions #function #자바스크립트 #functions #jsfunctions #functionsinjavascript #factoryfunctionsyntax #arrowfunctions #자바스크립트강좌

#js #jsfilms #урокиjs #jstutorial #reactjs #jsчисла #jsуроки #jsстроки #jsмассивы #jsфункции #jsобъекты #jsdom #nodejs #nextjs #jsthis #jsserna

#if문 #파이썬if문 #if문실행흐름 #if조건문 #if문 #if #자바if문 #파이썬if문 #자바if문조건식 #중첩if #if조건 #if조건 #if예제 #if조건절 #if조건절 #자바입문►제어문►if문 #엑셀if에러 #if함수에러 #if다중조건 #elseif

댓글