单击圆圈上的任意位置时如何移动箭头

Question

1. 页面应该动态调整大小。
2. 当您在任何圆圈内单击时，指向相应圆圈的箭头应该开始向圆圈移动并击中它。
3. 一旦箭头击中它们，圆圈的颜色就会改变。
4. 添加一个重置按钮，将应用程序重置为初始状态。
5. 所有都应该使用 Html canvas 和 java Script 完成。
6. 还有4个圆圈和4个箭头在页面上彼此相对，并垂直对齐一些空间

我不知道方法请帮我写代码。