728x90
문제 : 세 개의 숫자를 입력받아가장 큰 수 찾기
풀이 :
1. 입력
(1) 세 개의 숫자를 입력받을 수 있는 입력창(prompt)을 3개 생성한다.
(2) 입력창에서 받는 값을 숫자형(Number)으로 확정한다.
(3) 가장 큰 수를 MAX 값으로 정한다.
<script>
//세개의 숫자를 입력받아 가장 큰 수를 찾는 코드
// 1) 입력
const input1 = prompt('첫번째 숫자를 입력하세요','');
const input2 = prompt('두번째 숫자를 입력하세요','');
const input3 = prompt('세번째 숫자를 입력하세요','');
const num1 = Number(input1);
const num2 = Number(input2);
const num3 = Number(input3);
let MAX;
2. 처리 (if와 else 문으로 생각한다고 가정하였을 때)
*세 수 중 최댓값을 구하는 방법 생각해보기 : 두 수를 비교, 나머지 한 수를 비교하는 식
(1) 첫 번째 수(num1)와 두 번째 수(num2)를 비교했을 때 첫 번째 수(num1)가 클 경우
① 첫 번째 수(num1)와 세 번째 수(num3) 비교
➡ 첫 번째 수(num1)가 더 클 경우 : MAX = num1;
➡ 세 번째 수(num3)가 더 클 경우 : MAX = num3;
(2) 그 외의 경우 : 두 번째 수(num2)가 첫 번째 수(num1) 보다 클 경우
② 두 번째 수(num2)와 세 번째 수(num3) 비교
➡ 두 번째 수(num2)가 더 클 경우 : MAX = num2;
➡ 세 번째 수(num3)가 더 클 경우 : MAX = num3;
// 2) 처리
if(num1 > num2)
{
if(num1 > num3)
{
MAX = num1;
}
else
{
MAX = num3;
}
}
else
{
if(num2 > num3)
{
MAX = num2;
}
else
{
MAX = num3;
}
}
3. 출력
(1) 경고창으로 결괏값 나타내기
(2) `이표시`는 중간에 값만 ${}붙여서 넣어주면 + 사용 없이 쉽게 문장 입력 가능
// 3) 출력
alert(`가장 큰 수는 ${MAX} 입니다`);
</script>
결과
728x90
'🤯TIL > Javascript & jQuery' 카테고리의 다른 글
BOM : Browser Object Model (0) | 2023.03.05 |
---|---|
[제이쿼리] 제이쿼리 문서 객체 선택자와 조작법 (0) | 2023.01.09 |
[제이쿼리] spring으로 게시판 만들때 나오는 제이쿼리 (0) | 2022.11.22 |
[연습문제] 적정 체중을 구하는 테스트기 만들기 (0) | 2022.08.06 |
[연습문제] JS로 환율계산 창 만들기 (0) | 2022.07.31 |