如何创建一个随机更改标题颜色的按钮?

时间:2018-05-24 18:31:35

标签: javascript jquery html5

我正在尝试创建一个按钮,用于随机更改HTML标题的颜色。我怎么能用jQuery做到这一点?

1 个答案:

答案 0 :(得分:-3)

例如,您可以使用JQuery或本机JavaScript在您的按钮点击事件上调整此https://stackoverflow.com/a/1484514/3207478

<button onclick="myFunction()">Change color of header</button>

<script>
function getRandomColor() {
   var letters = '0123456789ABCDEF';
   var color = '#';
   for (var i = 0; i < 6; i++) {
     color += letters[Math.floor(Math.random() * 16)];
   }
return color;
}

function myFunction() {
    var myRandomColor = getRandomColor();
    document.getElementById("myHeaderElementId").style.backgroundColor = myRandomColor;
}
</script>

下次谷歌或使用搜索;)