点击切换背景颜色

Original 2019-04-09 16:40:23 216
abstract:<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title></head><body>     <button id=&qu

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

     <button id="btn1">点击</button>

     <button id="bnt2">点击</button>

     <button id="btn3">点击</button>

     <script>

         var btn1=document.getElementById('btn1');

         btn1.onclick=function(){

             document.body.style.background=bg1()

         };

         var btn2=document.getElementById('bnt2');

         btn2.onclick=function(){

             document.body.style.background=bg2();

         };

         var btn3=document.getElementById('btn3');

         btn3.onclick=function(){

             document.body.style.background=bg3();

         };

         function bg1(){

             return '#'+Math.floor(Math.random()*256).toString(10);

         }

         function bg2(){

             return '#'+Math.floor(Math.random()*0xffffff).toString(16);

         }

         function bg3(){

             var r=Math.floor(Math.random()*256);

             var g=Math.floor(Math.random()*256);

             var b=Math.floor(Math.random()*256);

             return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换

         }

     </script>

</body>

</html>


Correcting teacher:天蓬老师Correction time:2019-04-10 10:23:57
Teacher's summary:你的学生用户名, 怎么没有显示呢? 看一下你的用户设置, 设置一个名字

Release Notes

Popular Entries