[Do it! 자바스크립트 입문] 04장 제어문
2023. 1. 1. 23:47ㆍ언어(Language)/Javascript
1번)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>짝수일까, 홀수일까</title>
<style>
body{
text-align:center;
}
</style>
</head>
<body>
<h2>짝수일까, 홀수일까</h2>
<script>
var n=prompt("숫자를 입력하세요.");
if(n%2==0){
document.write(n+"는 짝수입니다.");
}
else{
document.write(n+"는 홀수입니다.");
}
</script>
</body>
</html>
책 답)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>짝수일까, 홀수일까</title>
<style>
body {
font-size:1.2em;
text-align:center;
}
</style>
</head>
<body>
<h2>짝수일까, 홀수일까</h2>
<script>
var userNumber = prompt("숫자를 입력하시오.");
if(userNumber != null) {
if(userNumber % 2 ==0)
document.write(userNumber +"는 짝수입니다.");
else
document.write(userNumber +"는 홀수입니다.");
}
</script>
</body>
</html>
보완할 점
1. css에서 폰트 사이즈 조절
2. 책에서는 취소하는 경우를 고려했음
2번)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>3의 배수 찾기</title>
<style>
body {
font-size:1.2em;
text-align:center;
}
</style>
</head>
<body>
<h2>3의 배수 찾기</h2>
<script>
var count = 0;
for(i=1; i<=100; i++) {
if (i % 3 == 0) {
count++;
document.write(i + ", ");
}
}
document.write("<p>3의 배수의 갯수 : ", count + "</p>");
</script>
</body>
</html>
책에 있는 답)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>3의 배수 찾기</title>
<style>
body {
font-size:1.2em;
text-align:center;
}
</style>
</head>
<body>
<h2>3의 배수 찾기</h2>
<script>
var n=1;
var count=0;
while(n<=100){
if(n%3==0){
document.write(n+', ');
count+=1;
}
n++;
}
document.write("3의 배수의 갯수 : "+count);
</script>
</body>
</html>
개선해야 될 점 : <p> 태그 활용!
'언어(Language) > Javascript' 카테고리의 다른 글
| JavaScript의 함수 (0) | 2023.02.02 |
|---|---|
| [코딩애플] 실용 자바스크립트 3강 : function 언제 쓰는지 아셈? + 간단한 버그 찾는 법 (0) | 2023.01.22 |
| [코딩애플] 실용 자바스크립트 2강 : Alert 만들어서 유저 위협하기 (0) | 2023.01.22 |
| [코딩애플] 실용 자바스크립트 1강 : 셀렉터 selector (0) | 2023.01.22 |
| [Do it! 자바스크립트 입문] 05장 함수와 이벤트 (0) | 2023.01.02 |