接下来我们来实现这个功能，就是点一下，这里会出现一个黄色的边框。
这个功能怎么实现？其实很简单，总共分两步。
1. 第一步就是要能够区分出来鼠标左键到底点的是哪个坤，这个功能这里已经实现了，fists[i]就是点下去的坤坤。
2. 第二步其实可以这么去玩，先不用 js，先搞一个 CSS 去玩一下，切回自己写的页面，然后这样子，img 这边也给它搞一个标识，也就是 class，比如叫 notclicked，没有被点击的，然后这个东西复制过来。
回到 CSS 之前是直接用 img 去做选择，现在很明显应该是用这个，就是点这个，然后点这个，这么搞是不会影响之前的效果的。坑爹，这是！这个没有，我看一下，复制错了，这个东西应该是在下面。
然后再来试一下，有了，没被点击的样式有了，是不是可以搞个被点击的样式，clicked，然后括号，一样的，点了之后光标应该还在图片上，所以手指是不是可以去设置边框了，border-style，这边是虚线的不是实线的，Dashed 就是虚线的意思，边框的颜色 yellow，还有就是边框的宽度的，比如两像素。
有了这个东西之后来测试一下，把这个东西贴过来，比如贴到这，这个就相当于如果点击了剪刀，应该是会要出一个黄色的边框，保存，如果没被点击，点击的是下面这个石头，没错吧？这个是自己手动去改的，现在可以用 js 了，所以肯定不是去手动改，而是去用 js 去实现这个功能。
怎么实现？简单，这个东西删掉，删掉然后点 className，这个 className 是什么？其实就相当于是这个 class，把 class name 改了就相当于是改这个东西了，这边是不是要改成 CSS 这边的 clicked？然后来试一下，通电了，这是边框有了，但是这个不对，好像是框的 div，而且坤还往左边挪了，没居中。
来看一下 player fist 这里的问题，应该是去找这个东西，找这个就是对应的 img 了，所以是这个，保存，再点，没错吧？再点，这个框就出来了。