Untitled

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Times Table Simple v2</title>
<style type="text/css">
body {
	background-color: #00FFB3;
}
body,td,th {
	color: #007CFF;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 24px;
}
    textarea { width: 400px; height: 250px; }
    div {
        text-align:center;
    }
</style>
</head>

<body>
<h2 align="center">Times Table Simple v2</h2>
<div><textarea id="msg">
    </textarea>
    </div>
<script>
    var col = 0, row = 0, str = "", prod = 0;
    for(row = 1; row <= 12; row++) {
        for(col = 1; col <= 12; col++) {
            prod = row * col;
            if(prod < 100) { prod = " " + prod; }
            if(prod < 10) { prod = " " + prod; }
            str += prod + " ";
    }
            str += "\n";
}
    document.getElementById("msg").innerHTML = str;
    </script>
</body>
</html>