Question

目标是实现以下目标：

上下文：布置九（9）个按钮以在div内形成3 x 3的网格，并在其中一个按钮上的每次点击事件发生后修改其标签。

重要：每次单击中间按钮

，外部按钮上的标签必须沿顺时针方向旋转

初始状态：

1  2  3
4  5  6
7  8  9

单击中间按钮（按钮5）1次后：

4  1  2
7  5  3
8  9  6

单击中间按钮（按钮5）两次后：

7  4  1
8  5  2
9  6  3

任务：编写算法，每次单击中间按钮（按钮5）时，将外部按钮沿顺时针方向旋转。

shuffle_grid函数已绑定到数字“ 5”。以下是HTML：

<div id="keypad">
<input type='button' value='1' id='keys'>
      <input type='button' value='2' id='keys'>
      <input type='button' value='3' id='keys'>
      <br>
      <input type='button' value='4' id='keys'>
      <input type='button' value='5' id='keys' onclick= shuffle_grid()>
      <input type='button' value='6' id='keys'>
      <br>
      <input type='button' value='7' id='keys'>
      <input type='button' value='8' id='keys'>
      <input type='button' value='9' id='keys'>
      </div>

下面是具有挑战性的部分，JavaScript：

function shuffle_grid() { 
}

我应该在此功能中添加什么以完成此任务？

Answer 1

考虑一下围绕正方形（1,2,3,6,9,8,7,4）的顺序，您应该在路上。也许还有更多优雅的方法，但这就是我想到的第一个。

JavaScript-实现网格旋转算法

1 个答案: