2013년 7월 9일 화요일

(130709) 12일차 StarTest.html, StarTest2.html (JavaScript를 이용한 피라미드 별(★)찍기)

 - StarTest.html 소스
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">

for(var int=0 ; int<5 ; int++){
for(var int2=5-int ; int2>0 ; int2--)
document.write("&nbsp;"); // 공백 찍기
for(var int2=0 ; int2<int+1 ; int2++)
document.write("*"); // 왼쪽 * 찍기
for(var int2=0 ; int2<int ; int2++)
document.write("*"); // 오른쪽 * 찍기
document.write("<br>");
}

</script>
</body>
</html>


 - 결과










 - StarTest.html 소스2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">

for(var int=0 ; int<5 ; int++){
for(var int2=5-int ; int2>0 ; int2--)
document.write("&nbsp;&nbsp;&nbsp;");
for(var int2=0 ; int2<int+1 ; int2++)
document.write("★");
for(var int2=0 ; int2<int ; int2++)
document.write("★");
document.write("<br>");
}

</script>
</body>
</html>


 - StarTest2.html 소스
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">

for ( var int = 0; int < 5 ; int++) {
for ( var int2 = 0; int2 < 4- int; int2++) {
document.write("&nbsp;&nbsp;&nbsp;");
}
for ( var int3 = 0; int3 < 1+(int*2); int3++) {
document.write("★");
}
document.write("<br>");
}
  
</script>
</body>

</html>


 - 결과