먼저 효과를 보자
영상_2022-08-01_214421
목차
두 번째 단계: 분석, 사용자가 수행한 작업, 입금 또는 출금 여부 등을 어떻게 알 수 있습니까? 따라서 첫 번째 단계는 우리가 입력한 작업을 프로그램에 알려야 합니다.
4단계: 초기 잔액을 제공하기 위해 변수를 추가합니다.
5.for 루프 간략한 설명
지금 코드 데모
첫 번째: 1단계: 프레임워크 구축
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
</script>
</body>
</html>
두 번째 단계: 분석, 사용자가 수행한 작업, 입금 또는 출금 여부 등을 어떻게 알 수 있습니까? 따라서 첫 번째 단계는 우리가 입력한 작업을 프로그램에 알려야 합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
</script>
</body>
</html>
줄 바꿈을 적용하기 위해 여기에 '\n'이 추가되었습니다.
3단계: 변수 추가
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
</script>
</body>
</html>
4단계: 초기 잔액을 제공하기 위해 변수를 추가합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
</script>
</body>
</html>
5단계: 판단 조건 추가 시작
1. 입금 조건
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
for (var i = sum; i <=i; i++) {
if (sum == 1) {
}
</script>
</body>
</html>
여기서 if를 사용하여 사용자가 입금할 때 프로그램이 해당 작업을 수행할 것인지 판단합니다.
1. 조건 추가
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
for (var i = sum; i <= i; i++) {
if (sum == 1) {
var money = prompt('请输入你想存入的金额')
money = Number(money);
}
</script>
</body>
</html>
여기서 우리는 사용자가 입금할 때 변수를 정의하고 사용자가 입금한 금액에 대한 입력 상자를 팝업하고 데이터 유형을 변환하는 것을 기억한다고 작성합니다.
2. 조건 추가
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
for (var i = sum; i <= i; i++) {
if (sum == 1) {
var money = prompt('请输入你想存入的金额')
money = Number(money);
ck += money;
alert('你的余额为' + ck)
}
</script>
</body>
</html>
이 경우 입금 절차는 지금까지 작성되었습니다. 다음으로 우리는 인출을 씁니다.
2. 출금조건
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
for (var i = sum; i <= i; i++) {
if (sum == 1) {
var money = prompt('请输入你想存入的金额')
money = Number(money);
ck += money;
alert('你的余额为' + ck)
} else if (sum == 2) {
var moneytwo = prompt('请输入你想取出的金额');
moneytwo = Number(moneytwo)
}
</script>
</body>
</html>
마찬가지로 사용자가 출금 작업을 할 때 프로그램이 인식한 후 출금할 금액을 입력하고 현재 잔액에서 출금 금액을 빼서 출력하는 변수를 정의합니다.
1. 출금 조건 추가
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
for (var i = sum; i <= 999; i++) {
if (sum == 1) {
var money = prompt('请输入你想存入的金额')
money = Number(money);
ck += money;
alert('你的余额为' + ck)
} else if (sum == 2) {
var moneytwo = prompt('请输入你想取出的金额');
moneytwo = Number(moneytwo)
ck = ck - moneytwo;
alert('你的余额为' + ck);
}
</script>
</body>
</html>
3. 잔액 확인
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
for (var i = sum; i <= 999; i++) {
if (sum == 1) {
var money = prompt('请输入你想存入的金额')
money = Number(money);
ck += money;
alert('你的余额为' + ck)
} else if (sum == 2) {
var moneytwo = prompt('请输入你想取出的金额');
moneytwo = Number(moneytwo)
ck = ck - moneytwo;
alert('你的余额为' + ck);
} else if (sum == 3) {
alert('你的余额为' + ck);
}
</script>
</body>
</html>
잔액을 확인하는 것은 매우 간단합니다. 변수 ck를 직접 출력하기만 하면 됩니다.
4. 나가기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
for (var i = sum; i <= 999; i++) {
if (sum == 1) {
var money = prompt('请输入你想存入的金额')
money = Number(money);
ck += money;
alert('你的余额为' + ck)
} else if (sum == 2) {
var moneytwo = prompt('请输入你想取出的金额');
moneytwo = Number(moneytwo)
ck = ck - moneytwo;
alert('你的余额为' + ck);
} else if (sum == 3) {
alert('你的余额为' + ck);
} else if (sum == 4) {
break;
} else {
alert('暂无此项业务');
}
}
</script>
</body>
</html>
종료하려면 앞서 언급한 break 키워드를 사용하여 루프를 종료해야 합니다.
5. for 루프에 대한 간략한 설명
여기서는 처음에 for 루프를 사용했습니다. 효과는 반복적으로 실행됩니다. if만 있으면 사용자가 작업을 수행한 후 프로그램이 종료되고 사용자가 새로 고침한 후 데이터가 재설정되므로 i<=i인 이유는 i가 사용자가 입력한 숫자인 sum과 같기 때문에 루프의 특성을 이용하여 반복적으로 수행해야 하므로 결과는 다음과 같습니다. 시간에 관계없이 true이지만 사용자가 작업을 계속할 수 있도록 하는 코드의 끝에 추가해야 합니다. 그렇지 않으면 i++로 인해 버그가 발생합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
<title></title>
</head>
<body>
<script>
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
var a1 = 1;
var a2 = 2;
var a3 = 3;
var a4 = 4;
var ck = 100000;
for (var i = sum; i <= 999; i++) {
if (sum == 1) {
var money = prompt('请输入你想存入的金额')
money = Number(money);
ck += money;
alert('你的余额为' + ck)
} else if (sum == 2) {
var moneytwo = prompt('请输入你想取出的金额');
moneytwo = Number(moneytwo)
ck = ck - moneytwo;
alert('你的余额为' + ck);
} else if (sum == 3) {
alert('你的余额为' + ck);
} else if (sum == 4) {
break;
} else {
alert('暂无此项业务');
}
var sum = prompt('请输入你想进行的操作' + '\n' + '1.存款' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出') * 1
}
</script>
</body>
</html>
이 경우 영상의 효과는 모두 완료된 상태입니다.많은 방법이 있습니다.중에서도 사용할 수 있습니다.필요한 경우 비공개 메시지를 보낼 수 있습니다.