java script实现99乘法表并每行颜色不同
时间: 2023-08-02 14:05:44 浏览: 95
下面是实现99乘法表并每行颜色不同的 JavaScript 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>99乘法表</title>
<style type="text/css">
table {
border-collapse: collapse;
margin: auto;
}
td {
border: 1px solid black;
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<table>
<script type="text/javascript">
var colors = ["#FFCCCC", "#FFE5CC", "#FFFFCC", "#E5FFCC", "#CCFFCC", "#CCFFE5", "#CCFFFF", "#CCE5FF", "#CCCCFF", "#E5CCFF", "#FFCCFF", "#FFCCE5"];
for (var i = 1; i <= 9; i++) {
document.write("<tr style='background-color: " + colors[i-1] + "'>");
for (var j = 1; j <= i; j++) {
document.write("<td>" + j + "x" + i + "=" + i*j + "</td>");
}
document.write("</tr>");
}
</script>
</table>
</body>
</html>
```
代码解释:
1. 定义一个数组 `colors` 存储颜色值,共有12个颜色值,颜色值可以自行修改。
2. 使用 `for` 循环遍历每一行,`i` 表示行数,循环次数为 1~9。
3. 在每一行使用 `<tr>` 标签,并为其设置背景色,背景色为数组 `colors` 中对应的颜色值。
4. 在每一行使用第二个 `for` 循环遍历每一列,`j` 表示列数,循环次数为 1~i。
5. 在每一列使用 `<td>` 标签显示乘法表达式和结果,乘法表达式为 j x i,结果为 i*j。
6. 最后关闭 `<tr>` 标签,一行结束。
注意,以上代码在 HTML 页面中运行,因为它依赖于 HTML 标签。