« anterior próximo »
Páginas: [1]

Autor Tema: modificar contenido web JavaScript innerHTML document.getElementById CU01138E  (Leído 2394 veces)

Dimitar Stefanov

  • Experto
  • *****
  • Mensajes: 598
    • Ver Perfil
modificar contenido web JavaScript innerHTML document.getElementById CU01138E
« en: 09 de Febrero 2016, 17:08 »
Posible solución del ejercicio CU01138E del curso JavaScript desde cero.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Curso JavaScript</title>
<style type="text/css">
body{
text-align: center;
font-size: 10em;
margin: 10% 30%;
}
div div{
border: solid;
width: 200px;
height: 200px;
float: left;
}
</style>
<script type="text/javascript">
var click;
click=1;
function cambiarAspecto(){
if(click==1){
document.getElementById('caja1').innerHTML='<div style="font-size: 0.5em; line-height: 2.2em; background-color: black; color: white; border: none; ">El</div>';
}
if(click==2){
document.getElementById('caja2').innerHTML='<div style="font-size: 0.5em; line-height: 2em; border: none;">poder</div>';
}
if(click==3){
document.getElementById('caja3').innerHTML='<div style=" font-size: 0.5em; line-height: 2.2em; border: none;">de</div>';
}
if(click==4){
document.getElementById('caja4').innerHTML='<div style="font-size: 0.25em; line-height: 5em; background-color: yellow; border: none;">JavaScript</div>';
}if(click==5){
alert('No es posible avanzar más!');
}
click++;
}
</script>
</head>
<body>
<div id="contenedor">
<div id="caja1">?</div>
<div id="caja2">?</div>
<div id="caja3" style="clear: both;">?</div>
<div id="caja4">?</div>
</div>
<div id="limpiardor" style="clear: both;"></div>
<input type="button" Value="Avanzar" onclick="cambiarAspecto()"></input>
</body>
</html>
Gracias.
« Última modificación: 12 de Febrero 2016, 08:17 por Ogramar »
En línea

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:CU01138E JavaScript innerHTML
« Respuesta #1 en: 09 de Febrero 2016, 23:53 »
Lo veo todo correcto dimiste.

Solo recomendarte ver otras soluciones en los foros y sobretodo ver el comentario de Alex Rodríguez en este post.

https://www.aprenderaprogramar.com/foros/index.php?topic=3864.msg16483#msg16483

Saludos.
En línea
Páginas: [1]
« anterior próximo »
 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".