Javascript 每次单击按钮时旋转div元素

切中要害：单击按钮时，内容div旋转360度。但是，在第二次单击时，什么也没有发生

我想要的是，每次点击按钮，div元素都会旋转360度，就像第一次点击一样

我发现了一些jQuery建议，但我希望通过使用JavaScript来实现这一点

var content=document.getElementById（“content”）；
var btn=document.getElementById（“btn”）；
btn.addEventListener（“单击”，函数（）{
content.style='transform:rotate（'+0+'360deg'）；
});
#内容{
宽度：100px；
高度：100px；
边界半径：50%；
背景：浅蓝色；
显示器：flex；
对齐项目：居中；
证明内容：中心；
过渡：所有1都易于输入输出；
}
#btn{
宽度：100px；
高度：50px；
背景：灰色；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：白色；
文字装饰：无；
}
a{
颜色：白色；
文字装饰：无；
}

它在旋转

您只需不断添加360


var content=document.getElementById（“content”）；
var btn=document.getElementById（“btn”）；
var-rot=360；
btn.addEventListener（“单击”，函数（）{
content.style='transform:rotate（'+rot+'deg'）；
rot+=360；
});
#内容{
宽度：100px；
高度：100px；
边界半径：50%；
背景：浅蓝色；
显示器：flex；
对齐项目：居中；
证明内容：中心；
过渡：所有1都易于输入输出；
}
#btn{
宽度：100px；
高度：50px；
背景：灰色；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：白色；
文字装饰：无；
}
a{
颜色：白色；
文字装饰：无；
}

旋转

jQuery dupe很容易翻译成您可以使用的东西：
var r=0$（“#图标”）。单击（function（）{$（this）.css（'transform'，'rotate（+（r++=360）+'deg）；}）