PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

2014-09-26

【Javascript】九九掛算表をつくる

JS/jQuery

JavaScriptを用いて九九掛算表をつくります

f:id:game-web-design:20140926145051p:plain

実行例（ソース）

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>九九</title>
<style>

table{
  border-collapse:collapse;
}

th,td{
  border: solid 1px #666;
  width: 50px;
}

td{
  text-align: center;
}

th{
  background: #CCC;
}

</style>
</head>

<body>
<table>
<tr>
<th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th>
</tr>
<script>
for ( var i = 1; i <=9 ; i++){
document.write('<th>' + i + '</th>');
for ( var j = 1; j <=9 ; j++){
document.write('<td>' + i * j + '</td>');
}
document.write('</tr>');
}

</script>
</table>



</body>
</html>