使用JavaScript语言完成以下两项需求: 1、在控制台或者页面上输出九九乘法表(提示:如果在页面输出可以使用document.write()方法)
时间: 2024-09-26 18:11:11 浏览: 32
在JavaScript中,你可以使用循环结构和字符串拼接的方式来创建并输出九九乘法表。这里给出两个示例,一个是控制台输出,另一个是在网页上动态生成并在页面显示。
**控制台输出:**
```javascript
for (let i = 1; i <= 9; i++) {
let row = '';
for (let j = 1; j <= i; j++) {
row += `${j} * ${i} = ${i * j}\t`; // \t用于添加制表符,让输出整齐
}
console.log(row); // 每次内部循环结束后换行
}
```
**页面上输出(HTML + JavaScript结合):**
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>九九乘法表</title>
</head>
<body>
<pre id="multiplicationTable"></pre>
<script>
function printMultiplicationTable() {
const tableElement = document.getElementById('multiplicationTable');
for (let i = 1; i <= 9; i++) {
let row = '';
for (let j = 1; j <= i; j++) {
row += `<span>${j} * ${i} = ${i * j}</span>\t`;
}
tableElement.innerHTML += `${row}\n`;
}
}
printMultiplicationTable(); // 输出时调用函数
</script>
</body>
</html>
```
在这个HTML示例中,我们首先在`<pre>`标签内创建了一个空区域,然后在JavaScript部分通过修改这个元素的innerHTML来动态填充乘法表。
阅读全文