目标是实现以下:
div Context:在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() {
}
我应该在这个函数中投入什么来完成这个任务?
发布于 2018-09-16 03:57:31
想想方块周围的顺序(1,2,3,6,9,8,7,4),你应该已经上路了。可能还有更优雅的方式,但这是我首先想到的。
https://stackoverflow.com/questions/52345094
复制相似问题