蓝桥杯真题东奥大抽奖

Posted 2022-05-03 算法与编程之美

​

问题

第十三届蓝桥杯Web前端应用真题中的第五题《东奥大抽奖》要求通过完善完善js /index.js样式文件中的 TODO 部分。

目标要求：

1.点击开始后，以class 为 li1 的元素为起点，黄色背景(.active 类)在奖项上顺时针转动。

2.当转动停止后，将获奖提示显示到页面的id 为award元素中。获奖提示必须包含奖项的名称，该名称需与题目提供的名称完全一致。

3.转动时间间隔和转动停止条件已给出，请勿修改。

方法

解题思路

1.获取黄色背景效果的li标签，同时注意第8个li标签的取值。

2.去除所有li标签的active属性。

3.对黄色背景效果的li标签添加active属性。

4.在转动停止时，要将转动的值传给p标签。