百度前端学院耀耀学院任务四的实现
可用指令为up，down，left，right，clockwise，anticlockwise。
这个任务的内容主要可以分解为三个部分：
1.制作棋盘；
2.平移功能，并且不可平移出棋盘外；
3.旋转功能。
每个部分的思路如下：
1.制作棋盘：棋盘类似于表格，因此我使用了表格元素：table，tr，td来制作。由于是表格，重复性强，所以使用嵌套循环的思路去写DOM。同时根据横纵坐标给每一个td元素以相应的id属性。
2.平移功能：创建一个img元素，作为棋盘上的棋子。根据平移之后横纵坐标的变化，可以找到变化后具有相应id属性的td元素，并将棋子--img元素作为子元素添加到该td元素中。使用条件语句判断img元素是否到达极限位置，如果到达则在极限位置停留。
3.旋转功能：制作出相同内容四个方向的4张图片，有规律的命名。将img元素中的src属性根据输入指令作出改变，例如：顺时针则src中的图片名称从小到大改变。