반응형
기록용
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript</title>
<script type="text/javascript">
</script>
</head>
<body>
<table align=center>
<script>
for (i = 1; i <= 9; i++) {
document.write('<tr>');
for (j = 2; j <= 9; j++) {
var k = i * j;
document.write('<td>' + j + 'x' + i + '=' + k + '<td>')
}
}
</script>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript</title>
<script type="text/javascript">
</script>
<style>
.df{ border-collapse: collapse;}
.line{border: 1px solid black; border-collapse: collapse;}
.red_point{color:red;}
.blue_point{color:blue;}
</style>
</head>
<body>
<table class="df">
<script>
for(j= 1; j<10; j++){
document.write('<tr class="add">');
for(i=2; i<=9; i++){
var n = i*j
if(n%2==0){
document.write('<td class="line">' + '<p style="color:red;">' + i + "*" + ' ' + j + "=" + ' ' + i*j + '   ' + '</td>');
}else{
document.write('<td class="line">' + '<p style="color:blue;">' + i + "*" + ' ' + j + "=" + ' ' + i*j + '   ' + '</td>');
}
}
}
document.write('</tr>');
</script>
</table>
</body>
<html>
반응형
'JavaScript' 카테고리의 다른 글
| [자바스크립트 기초] 함수로 인디언이름 반환하기 (0) | 2020.12.14 |
|---|---|
| 무작위로 6글자 문자열 생성하기 (0) | 2020.12.10 |
| [html/css] Javascript - 마우스를 따라다니는 아저씨 눈 자바스크립트로 만들기/onmousemove, eventclientX, eventclientY, window.innerHeight, window.innerWidth (0) | 2020.12.05 |
| [html/css/javaScript] 자바스크립트로 탭메뉴 만들기 tap menu (0) | 2020.11.24 |
| [html/css] input태그에 글 입력 시 아이콘/이미지 활성화 시키기 (0) | 2020.11.17 |
