Back to feed
Renewal·서른의 생활코딩

Sample Source 2) JavaScript Basics (Exercise 2)

NS
normalstory
cover image

문제 : 1~25까지의 연속된 숫자로 되어있는 5*5 테이블 만들기 +5의배수에만 빨간색

  


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">




<head>


<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />


<title> 문제 2 </title>


</head>




<body>


<script type="text/javascript">


//<!CDATA[






document.write("<table border=1>");




for(i=1;i<=25;i++){




if(i%5==1){


document.write("<tr>");


}




if(i%5==0){


document.write("<td style='color:red'>" + i + "</td>");


}else{


document.write("<td>" + i + "</td>");


}




if(i%5==0){


document.write("</tr>");


}


}




document.write("</table>");




//]]]]>


</script>






</body>


</html>

This English version was translated by Claude.

친절한 찰쓰씨
Written by
친절한 찰쓰씨

Pleasant Charles — UI/UX researcher at AIT. Keeping notes on design, planning, and slow days here since 2010.

More on the author's page

Keep reading

Renewal

Steadily, for the long haul, without burning out

Mar 31, 2026·9 min
Renewal

Tech-life balance

Feb 7, 2026·3 min
Renewal

Humanality, by Park Jeong-ryeol

Feb 7, 2026·11 min