定义一个函数，能够在页面上打印 m行n列的#矩形框。要求使用JavaScript

矩阵。

可以使用嵌套循环来实现这个函数。首先，外层循环控制行数，内层循环控制列数。在每次循环中，使用 document.write() 函数来输出一个单元格，然后在行末添加换行符。最后，在每行输出完毕后，再添加一个换行符以便于下一行的输出。

以下是一个示例代码：

function printMatrix(m, n) {
for (var i = 0; i < m; i++) {
for (var j = 0; j < n; j++) {
document.write("[" + i + "," + j + "] ");
}
document.write("<br>");
}
}

调用该函数时，传入需要打印的行数和列数即可：

printMatrix(3, 4);

输出结果为：

[0,0] [0,1] [0,2] [0,3]
[1,0] [1,1] [1,2] [1,3]
[2,0] [2,1] [2,2] [2,3]

相关问题

定义一个函数，能够在页面上打印 m行n列的矩形框。要求使用JavaScript

好的，这个问题我可以回答。以下是实现代码：

function printRectangle(m, n) {
  for (let i = 0; i < m; i++) {
    let row = "";
    for (let j = 0; j < n; j++) {
      if (i === 0 || i === m - 1 || j === 0 || j === n - 1) {
        row += "* ";
      } else {
        row += "  ";
      }
    }
    console.log(row);
  }
}

这个函数可以打印出一个m行n列的矩形框，其中矩形框的边框用星号表示，内部为空格。你可以在页面上调用这个函数来实现打印。

利用vue实现页面中添加四个按钮：红、黄、蓝、黑，再添加一个矩形框，点击不同的按钮，矩形框的颜色会被切换。

在Vue.js中，你可以通过组合模板、数据和事件监听器来实现这个功能。首先，你需要设置一个组件的数据状态来存储当前选中的颜色，然后在HTML模板中创建按钮和矩形框，并绑定对应的事件处理函数。

1. 首先，在你的`data()`函数中定义初始颜色和按钮数组：

export default {
  data() {
    return {
      selectedColor: 'red', // 初始颜色
      colors: ['red', 'yellow', 'blue', 'black'], // 所有可用颜色
    };
  },
};

2. 在`template`部分，创建按钮和矩形框：

<template>
  <div>
    <button v-for="(color, index) in colors" :key="index" @click="changeRectangleColor(color)">
      {{ color }}
    </button>

    <div class="rectangle" :style="{ backgroundColor: selectedColor }"></div>
  </div>
</template>

3. 添加`methods`来处理颜色切换：

<script>
export default {
  methods: {
    changeRectangleColor(color) {
      this.selectedColor = color;
    },
  },
};
</script>

4. CSS 样式（假设`.rectangle`是你为矩形框设定的类名）:

.rectangle {
  width: 200px;
  height: 100px;
  border: 1px solid #ccc;
}

现在，当你点击按钮时，矩形框的颜色会根据`selectedColor`的状态变化而改变。