用按钮改变页面背景颜色

javascript Change page background color with button

本文关键字:背景 颜色 按钮 改变      更新时间:2023-09-26

我想弄清楚如何做代码改变一个按钮页面的背景颜色

基本上我已经写好了按钮的代码和它的功能但是我不知道用什么代码来改变整个页面的颜色

<script>
    function changeColor()
    {
    };
    function changeText()
    {
        alert ("change text in this part");
    };
    function sendMsg()
    {
        alert ("change msg content here");
    }
</script>

<body>
    <h1>Welcome to my program!</h1>
        <button onclick="changeColor()">Color</button>
        <button onclick="changeText()">Text</button> </br>
            <p>Can I ask you something Ive always wanted to ask the real Batman?</p> </br>
                 <input type="text" name="">
</body>
  document.body.style.background = color;

没有更多的东西,就这么简单!

亲爱的,试试下面的代码:

<FORM> 
<INPUT type="button" value="Change to Yellow!" name="button3" onClick="document.bgColor='yellow'"> <br> 
<INPUT type="button" value="Change to Red!" name="button4" onClick="document.bgColor='red'"> <br> 
<INPUT type="button" value="Change back!" name="button5" onClick="document.bgColor='white'"> </FORM>