Javascript原生实现一个面试题

前言

面试的时候没写完整，卡壳了…我擦

晚上回来睡了一觉，起来的时候想起来了，因此留一个备份

题目如下

• 构建一个n*n的格子（n从输入框填写），鼠标放上去背景变成红色，移除恢复正常
• 鼠标点击格子背景固定为蓝色，鼠标hover时也不变红，再次点击恢复正常
• 格子大小可用css控制，默认背景色都是白色，底色变化使用js来实现

正文

代码如下

效果如图: