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

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

我应该在这个函数中添加什么来完成这个任务？

Answer 1

想一想广场周围的顺序 (1,2,3,6,9,8,7,4)，您应该就在路上了。可能还有更优雅的方式，但这是我首先想到的。