Hola a todos. Dejo mis respuestas y mi código para el ejercico CU01152E del curso fundamental de aprendizaje de programación web con JavaScript usando Notepad++ como editor.
Gracias. Un saludo.
Respuestas:
a) colorUsuario se suma a htmlADevolver, con lo que la variable htmlDevolver que equivalía a texto vacio ahora equivale al colorUsuario introducido
b) devolviendo un array, primer elemento del body devuelto
c) Si dejamos la respuesta en blanco sin introducir color se da la segunda respuesta del condicional ternario porque equivale a false
d) Que acepta cualquier tipo de color lo cual viene determinado por background-color
e) y f)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">
<script type="text/javascript">
function ejemplo() {
var htmlADevolver = '';
var colorUsuario = prompt('Elija color red, yellow o blue');
htmlADevolver=colorUsuario=='red'|| colorUsuario=='yellow'|| colorUsuario=='blue' ? '<h1 style="background-color:'+colorUsuario+';"> Usted eligió '+colorUsuario+'</h1>' : '<h1>No eligió color o el color no es válido</h1>';
var nodoBody = document.getElementsByTagName('body')[0];
nodoBody.innerHTML = nodoBody.innerHTML + htmlADevolver;
}
function ejemplo2(){
var htmlADevolver = '';
var colorUsuario = prompt('Elija color red, yellow o blue');
if(colorUsuario=='red' ||colorUsuario=='yellow' ||colorUsuario=='blue'){
htmlADevolver= '<h1 style="background-color:'+colorUsuario+';"> Usted eligió '+colorUsuario+'</h1>';
}else{
htmlADevolver= '<h1>No eligió color o el color no es válido</h1>';
}
var nodoBody = document.getElementsByTagName('body')[0];
nodoBody.innerHTML = nodoBody.innerHTML + htmlADevolver;
}
</script>
</head>
<body>
<div id="cabecera">
<h2>Cursos aprenderaprogramar.com</h2>
<h3>Ejemplos JavaScript</h3>
</div>
<div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>
<div style="color:blue;" id ="pulsador" onclick="ejemplo2()"> Probar2 </div>
</body>
</html>