Skip to main content
se eliminaron 205 caracteres en el cuerpo
Origen Enlace

En primer lugar, estás cambiando la propiedad "color" del div a 'gold', como no tienes ningún contenido en ese div, no te muestra nada, prueba con background o backgroundColor:

a.style.backgroundColor='gold';
a.style.background='gold';                        

En segundo lugar, para insertar texto en un elemento, la forma más segura es usando .innerText.

Te dejo tu código adaptado para que puedas verlo funcionando

//Poner div de abajo dorado.
function cambiarColor() {
    var a = document.getElementById('div2');
    a.style.background='gold';            
}
//Introducir en el div de arriba texto.
function aparecerTexto() {
    var x = document.getElementById("div1");
    var texto = 'Texto para que se vea en el div de arriba'

    x.innerText = texto;
    //No se como ponerlo para que se vea.
}
#div1 {
    background-color: cyan; 
    width: 200px; 
    height: 50px;
} 
#div2 {
    background-color: yellow; 
    width: 200px; 
    height: 50px;
}
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
    </head>
    <body>
        <div id="div1" onclick="cambiarColor()"></div><br>
        <div id="div2" onmouseover="aparecerTexto()" ></div>
    </body>
</html>

En primer lugar, estás cambiando la propiedad "color" del div a 'gold', como no tienes ningún contenido en ese div, no te muestra nada, prueba con background o backgroundColor:

a.style.backgroundColor='gold';
a.style.background='gold';                        

En segundo lugar, para insertar texto en un elemento, la forma más segura es usando .innerText.

Te dejo tu código adaptado para que puedas verlo funcionando

//Poner div de abajo dorado.
function cambiarColor() {
    var a = document.getElementById('div2');
    a.style.background='gold';            
}
//Introducir en el div de arriba texto.
function aparecerTexto() {
    var x = document.getElementById("div1");
    var texto = 'Texto para que se vea en el div de arriba'

    x.innerText = texto;
    //No se como ponerlo para que se vea.
}
#div1 {
    background-color: cyan; 
    width: 200px; 
    height: 50px;
} 
#div2 {
    background-color: yellow; 
    width: 200px; 
    height: 50px;
}
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
    </head>
    <body>
        <div id="div1" onclick="cambiarColor()"></div><br>
        <div id="div2" onmouseover="aparecerTexto()" ></div>
    </body>
</html>

En primer lugar, estás cambiando la propiedad "color" del div a 'gold', como no tienes ningún contenido en ese div, no te muestra nada, prueba con background o backgroundColor:

a.style.backgroundColor='gold';
a.style.background='gold';                        

En segundo lugar, para insertar texto en un elemento, la forma más segura es usando .innerText.

Te dejo tu código adaptado para que puedas verlo funcionando

//Poner div de abajo dorado.
function cambiarColor() {
    var a = document.getElementById('div2');
    a.style.background='gold';            
}
//Introducir en el div de arriba texto.
function aparecerTexto() {
    var x = document.getElementById("div1");
    var texto = 'Texto para que se vea en el div de arriba'

    x.innerText = texto;
    //No se como ponerlo para que se vea.
}
#div1 {
    background-color: cyan; 
    width: 200px; 
    height: 50px;
} 
#div2 {
    background-color: yellow; 
    width: 200px; 
    height: 50px;
}
<div id="div1" onclick="cambiarColor()"></div><br>
<div id="div2" onmouseover="aparecerTexto()" ></div>

se añadieron 5 caracteres en el cuerpo
Origen Enlace

En primer lugar, estás cambiando la propiedad "color" del div a 'gold', como no tienes ningún contenido en ese div, no te muestra nada, prueba con background o backgroundColor:

a.style.backgroundColor='gold';
a.style.color='gold';background='gold';                        

En segundo lugar, para insertar texto en un elemento, la forma más segura es usando .innerText.

Te dejo tu código adaptado para que puedas verlo funcionando

//Poner div de abajo dorado.
function cambiarColor() {
    var a = document.getElementById('div2');
    a.style.background='gold';            
}
//Introducir en el div de arriba texto.
function aparecerTexto() {
    var x = document.getElementById("div1");
    var texto = 'Texto para que se vea en el div de arriba'

    x.innerText = texto;
    //No se como ponerlo para que se vea.
}
#div1 {
    background-color: cyan; 
    width: 200px; 
    height: 50px;
} 
#div2 {
    background-color: yellow; 
    width: 200px; 
    height: 50px;
}
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <style type="text/css">
            #div1 {
                background-color: cyan; 
                width: 200px; 
                height: 50px;
            } 
            #div2 {
                background-color: yellow; 
                width: 200px; 
                height: 50px;
            }
        </style>
    </head>
    <body>
        <div id="div1" onclick="cambiarColor()"></div><br>
        <div id="div2" onmouseover="aparecerTexto()" ></div>
    </body>
</html>

En primer lugar, estás cambiando la propiedad "color" del div a 'gold', como no tienes ningún contenido en ese div, no te muestra nada, prueba con background o backgroundColor:

a.style.backgroundColor='gold';
a.style.color='gold';                        

En segundo lugar, para insertar texto en un elemento, la forma más segura es usando .innerText.

Te dejo tu código adaptado para que puedas verlo funcionando

//Poner div de abajo dorado.
function cambiarColor() {
    var a = document.getElementById('div2');
    a.style.background='gold';            
}
//Introducir en el div de arriba texto.
function aparecerTexto() {
    var x = document.getElementById("div1");
    var texto = 'Texto para que se vea en el div de arriba'

    x.innerText = texto;
    //No se como ponerlo para que se vea.
}
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <style type="text/css">
            #div1 {
                background-color: cyan; 
                width: 200px; 
                height: 50px;
            } 
            #div2 {
                background-color: yellow; 
                width: 200px; 
                height: 50px;
            }
        </style>
    </head>
    <body>
        <div id="div1" onclick="cambiarColor()"></div><br>
        <div id="div2" onmouseover="aparecerTexto()" ></div>
    </body>
</html>

En primer lugar, estás cambiando la propiedad "color" del div a 'gold', como no tienes ningún contenido en ese div, no te muestra nada, prueba con background o backgroundColor:

a.style.backgroundColor='gold';
a.style.background='gold';                        

En segundo lugar, para insertar texto en un elemento, la forma más segura es usando .innerText.

Te dejo tu código adaptado para que puedas verlo funcionando

//Poner div de abajo dorado.
function cambiarColor() {
    var a = document.getElementById('div2');
    a.style.background='gold';            
}
//Introducir en el div de arriba texto.
function aparecerTexto() {
    var x = document.getElementById("div1");
    var texto = 'Texto para que se vea en el div de arriba'

    x.innerText = texto;
    //No se como ponerlo para que se vea.
}
#div1 {
    background-color: cyan; 
    width: 200px; 
    height: 50px;
} 
#div2 {
    background-color: yellow; 
    width: 200px; 
    height: 50px;
}
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
    </head>
    <body>
        <div id="div1" onclick="cambiarColor()"></div><br>
        <div id="div2" onmouseover="aparecerTexto()" ></div>
    </body>
</html>

Origen Enlace

En primer lugar, estás cambiando la propiedad "color" del div a 'gold', como no tienes ningún contenido en ese div, no te muestra nada, prueba con background o backgroundColor:

a.style.backgroundColor='gold';
a.style.color='gold';                        

En segundo lugar, para insertar texto en un elemento, la forma más segura es usando .innerText.

Te dejo tu código adaptado para que puedas verlo funcionando

//Poner div de abajo dorado.
function cambiarColor() {
    var a = document.getElementById('div2');
    a.style.background='gold';            
}
//Introducir en el div de arriba texto.
function aparecerTexto() {
    var x = document.getElementById("div1");
    var texto = 'Texto para que se vea en el div de arriba'

    x.innerText = texto;
    //No se como ponerlo para que se vea.
}
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <style type="text/css">
            #div1 {
                background-color: cyan; 
                width: 200px; 
                height: 50px;
            } 
            #div2 {
                background-color: yellow; 
                width: 200px; 
                height: 50px;
            }
        </style>
    </head>
    <body>
        <div id="div1" onclick="cambiarColor()"></div><br>
        <div id="div2" onmouseover="aparecerTexto()" ></div>
    </body>
</html>