JavaScript-实现网格旋转算法
JavaScript-实现网格旋转算法
提问于 2018-09-15 21:23:22
目标是实现以下：
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() {
}我应该在这个函数中投入什么来完成这个任务？
回答 1
Stack Overflow用户
发布于 2018-09-16 03:57:31
想想方块周围的顺序(1,2,3,6,9,8,7,4)，你应该已经上路了。可能还有更优雅的方式，但这是我首先想到的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52345094
复制相关文章
相似问题