JavaScript-实现网格旋转算法[关闭]

Posted 2021-04-15

目标是实现以下目标：

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

重要提示：每次单击中间按钮时，外部按钮上的标签必须以顺时针方向旋转

初始状态：

1  2  3
4  5  6
7  8  9

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

4  1  2
7  5  3
8  9  6

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

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() { 
}

我应该把这个功能用于完成这项任务？

答案

想想广场周围的顺序（1,2,3,6,9,8,7,4），你应该在路上。这可能是更优雅的方式，但这是我想到的第一个。