分析
类型：JavaScript
分数：5分
难度：简单
考点
- JavaScript 循环语句
- 动态添加 HTML 标签
解题思路
使用 JavaScript 循环语句，动态添加 HTML 标签
技巧
- 掌握 JavaScript 循环语句
- 动态添加 HTML 标签
代码实现
方式一
修改 index.js 文件，增加下面代码：
for(let i=0;i<count;i++){
container.innerHTML += `<span style="color:${color};transform:rotate(${deg}deg);opacity:${opacity};">${text}</span>`;
}
方式二
修改 index.js 文件，增加下面代码：
for(let i=0;i<count;i++){
const span = document.createElement("span");
span.innerHTML = text;
span.style.color = color;
// 设置旋转角度
// 标准写法
// span.style.transform = `rotate( ${deg}deg)`;
span.style.rotate = deg+"deg";
span.style.opacity = opacity;
container.appendChild(span);
}