Skip to main content
cuerpo editado
Origen Enlace
Santiago Arteaga
  • 1.4k
  • 5
  • 12
  • 25

Quiero que al presionar el boton cambie este su color y también el body y el div, pero solo cambia el body los otros dos(div,button) se mantienen con el mismo color. noNo se que puede estar mal en el código javascript.

function cambiarColor(){
  document.body.style.background = "blue";
  document.div.style.background = "yellow";
  document.button.style.background = "red";
}
    body{background-color: yellow;}
    div{background-color: red; height: 50px;}
    button{color: white; background-color:blue;padding: 4px; }
    <button type="button"  onclick="cambiarColor()">Colorear</button>
    

Quiero que al presionar el boton cambie este su color y también el body y el div, pero solo cambia el body los otros dos(div,button) se mantienen con el mismo color. no se que puede estar mal en el código javascript.

function cambiarColor(){
  document.body.style.background = "blue";
  document.div.style.background = "yellow";
  document.button.style.background = "red";
}
    body{background-color: yellow;}
    div{background-color: red; height: 50px;}
    button{color: white; background-color:blue;padding: 4px; }
    <button type="button"  onclick="cambiarColor()">Colorear</button>
    

Quiero que al presionar el boton cambie este su color y también el body y el div, pero solo cambia el body los otros dos(div,button) se mantienen con el mismo color. No se que puede estar mal en el código javascript.

function cambiarColor(){
  document.body.style.background = "blue";
  document.div.style.background = "yellow";
  document.button.style.background = "red";
}
    body{background-color: yellow;}
    div{background-color: red; height: 50px;}
    button{color: white; background-color:blue;padding: 4px; }
    <button type="button"  onclick="cambiarColor()">Colorear</button>
    

se eliminaron 213 caracteres en el cuerpo
Origen Enlace
JackNavaRow
  • 7.2k
  • 6
  • 25
  • 49

Quiero que al presionar el boton cambie este su color y también el body y el div, pero solo cambia el body los otros dos(div,button) se mantienen con el mismo color. no se que puede estar mal en el código javascript.

function cambiarColor(){
  document.body.style.background = "blue";
  document.div.style.background = "yellow";
  document.button.style.background = "red";
}
    body{background-color: yellow;}
    div{background-color: red; height: 50px;}
    button{color: white; background-color:blue;padding: 4px; }
<!DOCTYPE html>
<html>
<head>
    
    <title>Color</title>
    <style type="text/css">
    
    body{background-color: yellow;}
    div{background-color: red; height: 50px;}
    button{color: white; background-color:blue;padding: 4px; }
        
    </style>


    <script type="text/javascript">
        
    function cambiarColor(){
        document.body.style.background = "blue";
        document.div.style.background = "yellow";
        document.button.style.background = "red";
    }

</script>
</head>

<body>

    <div></div> 
    <button type="button"  onclick="cambiarColor()">Colorear</button>
    
</body>
</html>

Quiero que al presionar el boton cambie este su color y también el body y el div, pero solo cambia el body los otros dos(div,button) se mantienen con el mismo color. no se que puede estar mal en el código javascript.

<!DOCTYPE html>
<html>
<head>
    
    <title>Color</title>
    <style type="text/css">
    
    body{background-color: yellow;}
    div{background-color: red; height: 50px;}
    button{color: white; background-color:blue;padding: 4px; }
        
    </style>


    <script type="text/javascript">
        
    function cambiarColor(){
        document.body.style.background = "blue";
        document.div.style.background = "yellow";
        document.button.style.background = "red";
    }

</script>
</head>

<body>

    <div></div> 
    <button type="button"  onclick="cambiarColor()">Colorear</button>
    
</body>
</html>

Quiero que al presionar el boton cambie este su color y también el body y el div, pero solo cambia el body los otros dos(div,button) se mantienen con el mismo color. no se que puede estar mal en el código javascript.

function cambiarColor(){
  document.body.style.background = "blue";
  document.div.style.background = "yellow";
  document.button.style.background = "red";
}
    body{background-color: yellow;}
    div{background-color: red; height: 50px;}
    button{color: white; background-color:blue;padding: 4px; }
    <button type="button"  onclick="cambiarColor()">Colorear</button>
    

Origen Enlace
Santiago Arteaga
  • 1.4k
  • 5
  • 12
  • 25

Porque no funciona mi código Javascript

Quiero que al presionar el boton cambie este su color y también el body y el div, pero solo cambia el body los otros dos(div,button) se mantienen con el mismo color. no se que puede estar mal en el código javascript.

<!DOCTYPE html>
<html>
<head>
    
    <title>Color</title>
    <style type="text/css">
    
    body{background-color: yellow;}
    div{background-color: red; height: 50px;}
    button{color: white; background-color:blue;padding: 4px; }
        
    </style>


    <script type="text/javascript">
        
    function cambiarColor(){
        document.body.style.background = "blue";
        document.div.style.background = "yellow";
        document.button.style.background = "red";
    }

</script>
</head>

<body>

    <div></div> 
    <button type="button"  onclick="cambiarColor()">Colorear</button>
    
</body>
</html>