1) 사칙연산표 만들기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<tittle>사칙연산표</tittle>
</head>
<body>
<script type="text/javascript">
var num1,num2,num_first,num_second;
var num_first = prompt("첫번째 숫자를 입력해주세요");
var num_second = prompt("두번째 숫자를 입력해주세요");
num1 = parseInt(num_first); //사용자로부터 입력받은 문자를 int형으로 변환
num2 = parseInt(num_second);
document.write("<tavle border =1>");
document.write("<caption> 사칙연산 결과표 </caption>");
document.write("<tr><th> 숫자 </th><th>" + num1 + "</th></th>" + num2+ "</th></tr>");
document.write("<tr><td> 더하기 </td><td colspan=2>"+ (num1+num2)+ "</td></tr>");
document.write("<tr><td> 빼기 </td><td colspan=2>" + (num1-num2)+ "</td></tr>");
document.write("<tr><td> 곱하기 </td><td colspan=2>"+ (num1*num2)+ "</td></tr>");
document.write("<tr><td>나누기</td><td colspan=2>" + (num1/num2)+ "</td></tr>");
document.write("</table>");
</script>
</body>
</html>
2) switch 문으로 한영 번역하기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<tittle>요일출력하기</tittle>
</head>
<body>
<script type="text/javascript">
var day;
var today = prompt("요일을 입력하세요,","월요일");
switch(today){
case "월요일" : day = "Monday";break;
case "화요일" : day = "Tuesday;break;
case "수요일" : day = "Wednesday;break;
case "목요일" : day = "Thursday;break;
case "금요일" : day = "Friday;break;
case "토요일" : day = "Saturday;break;
case "일요일" : day = "Sunday;break;
default : alert("틀린 표기입니다."); day="";
}
document.write(day);
</script>
</body>
</html>
3) 반복문 사용하기 (0~1000까지의 합 구하기)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<tittle>반복문</tittle>
</head>
<body>
<script type="text/javascript">
sum1 = 0;
sum2 = 0;
for(i=1;i<=1000;i++){
sum += i;
}
j=1;
while(j<=1000){
if (j%2==0{
sum2 +=j;}
j++;
}
document.write("0부터 1000까지의 합: " +sum1 + "</br>");
document.write("0부터 1000까지의 짝수의 합: " + sum2 );
</script>
</body>
</html>
4) BMI 계산하는 함수 정의하기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<tittle>BMI함수</tittle>
</head>
<body>
<script type="text/javascript">
var cm = prompt("키를 입력하세요. (cm단위)", "180");
var kg = prompt("몸무게를 입력하세요. (kg단위)", "70");
m = cm / 100;
BMI = kg / (m*m);
if (BMI >=30)
document.write("당신은 현재 [비만] 상태입니다. 운동하세요!");
else if (BMI >=25 && BMI <30)
document.write("당신은 현재 [과체중] 상태입니다. 조심하세요!");
else if (BMI >=18.5 && BMI <25)
document.write("당신은 현재 [정상] 상태입니다. ");
else if (BMI <18.5)
document.write("당신은 현재 [저체중] 상태입니다. 많이 드세요!");
</script>
</body>
</html>
'Front-end > Web' 카테고리의 다른 글
나만의 웹 애플리케이션 제작 (0) | 2020.09.07 |
---|---|
PHP 사용 기초 (0) | 2020.09.06 |
다양한 입력폼 <form> (0) | 2020.09.05 |
고급표현을 위한 CSS 활용 (0) | 2020.09.05 |
CSS3 스타일시트 기초 (0) | 2020.09.05 |
댓글