javascript Change page background color with button

Question

I am trying to figure out how to do code for changing the background color of a page with a button

so basically I have the code for a button written out and its function but im having trouble figuring out what code to use to make the button change the color of the entire page

<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>

Answer 1

  document.body.style.background = color;

没什么更多的了，就是这么简单！

Answer 2

Try out this code my dear :

<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>

javascript Change page background color with button

Question

2 answers

solution1
1 ACCPTED 2013-04-05 01:37:11

solution2
-2 2014-08-18 07:19:14

javascript Change page background color with button

Question

2 answers

solution1 1 ACCPTED 2013-04-05 01:37:11

solution2 -2 2014-08-18 07:19:14

solution1
1 ACCPTED 2013-04-05 01:37:11

solution2
-2 2014-08-18 07:19:14