一个简单的前端机试题

一个简单的前端机试题,使用原生JavaScript或是JQuery又或是Vue,如果能快速搞定,用什么无所谓啦

效果图

还是有几点要求的

  1. 点击固定标签可以修改选中状态,选中方式为多选
  2. 自定义输入框可输入10个字以内的标签(限制中文)
  3. 点击确认会在标签后面新增一个自定义名称的标签,自定义标签数量超过5个之后,输入框和确认按钮置灰,不可点击
  4. 点击确认时,需要对当前自定义标签的名称进行去重,如果标签重复,需要在确认按钮后面用红色的文字提示“该标签已重复”
  5. 自定义的标签右上角会有个删除的按钮,点击删除按钮会删除该自定义标签