Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Mensajes - Chompy129

Páginas: 1 2 3 [4] 5 6 7
61
jejeje. No note eso. :P

Gracias por corregirlo. También te envio saludos. ;D

62
Si, en realidad me complique mas de lo que debía ya que se me hacia extraño crear una función que solo usaría una vez, luego entendí que el objetivo del ejercicio era que demostrase que se utilizar las funciones.

Según lo que comentas sobre meter funciones dentro de otras, pensándolo bien, tienes mucha razón, lo tendré en cuenta la próxima vez.

Gracias por el link por cierto. También te envió saludos. :D

63
Acceder a nodos hijos JavaScript y atributos. nodeName, nodeType y nodeValue o texto. Ejemplos (CU01126E)

Aquí el codigo original del ejercicio CU01126E del tutorial básico de programación web con JavaScript:

Código HTML(JavaScript Interno)
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo DOM - aprenderaprogramar.com</title><meta charset="utf-8">
</head>
<body>Texto en body
<div id="cabecera" class="brillante">
<h1>Portal web <span class="destacado">aprenderaprogramar.com</span>, para aprender</h1>
<img name ="lagarto" src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
</div>
<!-- Final del código-->
<script type = "text/javascript">
var msg = '';
msg = '¿Quién es el nodo padre de document? '+ document.parentNode + '\n\n';
msg = msg + 'Para el nodo document el nodeType vale: ' + document.nodeType +' , y el nodeName vale '+ document.nodeName + '\n\n';
msg = msg+ 'El valor de nodeValue para el nodo document es: ' + document.nodeValue +'\n\n';
msg = msg + 'Nodo hijo del nodo raíz es la declaración DOCTYPE con nodeName: ' + document.childNodes[0].nodeName +'\n\n';
msg = msg + 'Nodo hijo del nodo raíz es etiqueta html con nodeName: ' + document.childNodes[1].nodeName +' y nodeType: '+ document.childNodes[1].nodeType + '\n\n';
msg = msg + 'Número de hijos de nodo etiqueta html: ' + document.childNodes[1].childElementCount +' ( ' + document.childNodes[1].children.length +')\n\n';
msg = msg + 'Nodo hijo de etiqueta html es etiqueta head con nodeName: ' + document.childNodes[1].childNodes[0].nodeName +' y nodeType: '+ document.childNodes[1].childNodes[0].nodeType +'\n\n';
msg = msg + 'Nodo hijo de etiqueta html es tipo texto vacío (salto de línea entre terminación de head y comienzo de body): ' + document.childNodes[1].childNodes[1].nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta html es etiqueta body con nodeName: ' + document.childNodes[1].childNodes[2].nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta body es texto <<Texto en body>> con nodeName: ' + document.childNodes[1].childNodes[2].childNodes[0].nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta body es texto <<Texto en body>> con nodeValue: ' + document.childNodes[1].childNodes[2].childNodes[0].nodeValue +'\n\n';
var nodoBody = document.childNodes[1].childNodes[2];
msg = msg + '(Repetimos) Nodo hijo de etiqueta body es texto <<Texto en body>> con nodeValue: ' + nodoBody.childNodes[0].nodeValue +'\n\n';
msg = msg + 'Nodo hijo de etiqueta body es div con nodeName: ' + nodoBody.childNodes[1].nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta div es texto vacío (salto de línea) con nodeName: ' + nodoBody.childNodes[1].childNodes[0].nodeName +' y node value: '+ nodoBody.childNodes[1].childNodes[0].nodeValue + '\n\n';
msg = msg + 'Nodo hijo de etiqueta div es etiqueta H1 con nodeName: ' + nodoBody.childNodes[1].childNodes[1].nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta h1 es texto con nodeName: ' + nodoBody.childNodes[1].childNodes[1].childNodes[0].nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta h1 es etiqueta span con nodeName: ' + nodoBody.childNodes[1].childNodes[1].childNodes[1].nodeName +'\n\n';
var nodoSpan = nodoBody.childNodes[1].childNodes[1].childNodes[1];
msg = msg + 'Nodo hijo de etiqueta span es texto con nodeName: ' + nodoSpan.childNodes[0].nodeName +' y nodeValue: '+ nodoSpan.childNodes[0].nodeValue +'\n\n';
msg = msg + 'Nodo hijo de etiqueta h1 es texto con nodeName: ' + nodoBody.childNodes[1].childNodes[1].childNodes[2].nodeName +' y nodeValue: '+ nodoBody.childNodes[1].childNodes[1].childNodes[2].nodeValue +'\n\n';
msg = msg + 'Nodo hijo de etiqueta div es texto vacío (salto de línea) con nodeName: ' + nodoBody.childNodes[1].childNodes[2].nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta div es img con nodeName: ' + nodoBody.childNodes[1].childNodes[3].nodeName +'\n\n';
msg = msg + 'Valor del atributo name de la imagen: ' + nodoBody.childNodes[1].childNodes[3].name +'\n\n';
var nodoImg = nodoBody.childNodes[1].childNodes[3];
msg = msg + 'Valor del atributo src de la imagen: ' + nodoImg.src +', valor de alt: ' + nodoImg.alt + '\n\n';
msg = msg + 'Valor del atributo title de la imagen: '+ nodoImg.title+'\n\n';
msg = msg + 'Nodo hijo de etiqueta body es texto vacío (salto de línea) con nodeName: ' + nodoBody.childNodes[2].nodeName +' y nodeType: '+nodoBody.childNodes[2].nodeType+' \n\n';
msg = msg + 'Nodo hijo de etiqueta body es comentario con nodeName: ' + nodoBody.childNodes[3].nodeName +' y nodeType: '+nodoBody.childNodes[3].nodeType+' y nodeValue: '+nodoBody.childNodes[3].nodeValue+' \n\n';
alert (msg);
</script>
</body>
</html>

Código modificado
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo DOM - aprenderaprogramar.com</title><meta charset="utf-8">
</head>
<body>Texto en body
<div id="cabecera" class="brillante">
<h1>Portal web <span class="destacado">aprenderaprogramar.com</span>, para aprender</h1>
<img name ="lagarto" src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
</div>
<!-- Final del código-->
<script type = "text/javascript">
var msg = '';
msg = '¿Quién es el nodo padre de document? '+ document.parentNode + '\n\n';
msg = msg + 'Para el nodo document el nodeType vale: ' + document.nodeType +' , y el nodeName vale '+ document.nodeName + '\n\n';
msg = msg+ 'El valor de nodeValue para el nodo document es: ' + document.nodeValue +'\n\n';
msg = msg + 'Nodo hijo del nodo raíz es la declaración DOCTYPE con nodeName: ' + document.firstChild.nodeName +'\n\n';
msg = msg + 'Nodo hijo del nodo raíz es etiqueta html con nodeName: ' + document.firstChild.nextSibling.nodeName +' y nodeType: '+ document.firstChild.nextSibling.nodeType + '\n\n';
msg = msg + 'Número de hijos de nodo etiqueta html: ' + document.firstChild.nextSibling.childElementCount +' ( ' + document.firstChild.nextSibling.children.length +')\n\n';
msg = msg + 'Nodo hijo de etiqueta html es etiqueta head con nodeName: ' + document.firstChild.nodeName +' y nodeType: '+ document.firstChild.nextSibling.firstChild.nodeType +'\n\n';
msg = msg + 'Nodo hijo de etiqueta html es etiqueta body con nodeName: ' + document.firstChild.nextSibling.firstChild.nextSibling.nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta body es texto <<Texto en body>> con nodeName: ' + document.firstChild.nextSibling.firstChild.nextSibling.nextSibling.firstChild.nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta body es texto <<Texto en body>> con nodeValue: ' + document.firstChild.nextSibling.firstChild.nextSibling.nextSibling.firstChild.nodeValue +'\n\n';
var nodoBody = document.childNodes[1].childNodes[2];
msg = msg + '(Repetimos) Nodo hijo de etiqueta body es texto <<Texto en body>> con nodeValue: ' + nodoBody.firstChild.nodeValue +'\n\n';
msg = msg + 'Nodo hijo de etiqueta body es div con nodeName: ' + nodoBody.firstChild.nextSibling.nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta div es texto vacío (salto de línea) con nodeName: ' + nodoBody.firstChild.nextSibling.firstChild.nodeName +' y nodeValue ' + nodoBody.firstChild.nextSibling.firstChild.nodeValue + '\n\n';
msg = msg + 'Nodo hijo de etiqueta div es etiqueta H1 con nodeName: ' + nodoBody.firstChild.nextSibling.firstChild.nextSibling.nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta h1 es texto con nodeName: ' + nodoBody.firstChild.nextSibling.firstChild.nextSibling.firstChild.nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta h1 es etiqueta span con nodeName: ' + nodoBody.firstChild.nextSibling.firstChild.nextSibling.firstChild.nextSibling.nodeName +'\n\n';
var nodoSpan = nodoBody.firstChild.nextSibling.firstChild.nextSibling.firstChild.nextSibling;
msg = msg + 'Nodo hijo de etiqueta span es texto con nodeName: ' + nodoSpan.firstChild.nodeName +' y nodeValue: '+ nodoSpan.firstChild.nodeValue +'\n\n';
msg = msg + 'Nodo hijo de etiqueta h1 es texto con nodeName: ' + nodoBody.firstChild.nextSibling.firstChild.nextSibling.firstChild.nextSibling.nextSibling.nodeName +' y nodeValue: '+ nodoBody.firstChild.nextSibling.firstChild.nextSibling.firstChild.nextSibling.nextSibling.nodeValue +'\n\n';
msg = msg + 'Nodo hijo de etiqueta div es texto vacío (salto de línea) con nodeName: ' + nodoBody.firstChild.nextSibling.firstChild.nextSibling.nextSibling.nodeName +'\n\n';
msg = msg + 'Nodo hijo de etiqueta div es img con nodeName: ' + nodoBody.firstChild.nextSibling.firstChild.nextSibling.nextSibling.nextSibling.nodeName +'\n\n';
msg = msg + 'Valor del atributo name de la imagen: ' + nodoBody.firstChild.nextSibling.firstChild.nextSibling.nextSibling.nextSibling.name +'\n\n';
var nodoImg = nodoBody.firstChild.nextSibling.firstChild.nextSibling.nextSibling.nextSibling;
msg = msg + 'Valor del atributo src de la imagen: ' + nodoImg.src +', valor de alt: ' + nodoImg.alt + '\n\n';
msg = msg + 'Valor del atributo title de la imagen: '+ nodoImg.title+'\n\n';
msg = msg + 'Nodo hijo de etiqueta body es texto vacío (salto de línea) con nodeName: ' + nodoBody.firstChild.nextSibling.nextSibling.nodeName +' y nodeType: '+nodoBody.firstChild.nextSibling.nextSibling.nodeType+' \n\n';
msg = msg + 'Nodo hijo de etiqueta body es comentario con nodeName: ' + nodoBody.firstChild.nextSibling.nextSibling.nextSibling.nodeName +' y nodeType: '+nodoBody.firstChild.nextSibling.nextSibling.nextSibling.nodeType+' y nodeValue: '+nodoBody.firstChild.nextSibling.nextSibling.nextSibling.nodeValue+' \n\n';
alert (msg);
</script>
</body>
</html>

La diferencia esta entre la linea de espacio del cierre de head hasta llegar a body. Los navegadores funcionan de distinta forma, por lo tanto algunos ignoran esto mientras que otros si que los tienen.

64
Tipos de nodos DOM: document, element, text, attribute, comment. Arbol de nodos para JavaScript (CU01124E)

Aquí el código para referencia, del ejercicio CU01124E del curso de fundamentos de programación web desde cero con JavaScript:

Código HTML
Código: [Seleccionar]
<body>
<div id="menu" class="tenue">
<p> Bienvenidos </p>
<h1>Portal web aprenderaprogramar.com</h1>
<img name ="lagarto" src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++ editor de texto">
</div>
</body>

Imagen del ejercicio



https://scontent-ord1-1.xx.fbcdn.net/v/t1.0-0/s480x480/14520594_1252163828179688_8033036879241345694_n.jpg?oh=d36a9a2376ee4ef2e18ed3ca49a8539a&oe=58606D83


Link de la clase: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=802:tipos-de-nodos-dom-document-element-text-attribute-comment-arbol-de-nodos-para-javascript-cu01124e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206


65
DOM o Document Object Model JavaScript ¿Qué es, para qué sirve? W3C. Nodos. Child. Ejemplos (CU01123E)

Aquí el ejercicio con los nodos, ejercicio CU01123E del manual de fundamentos de programación web desde cero con JavaScript:

Código HTML usado
Código: [Seleccionar]
<html>
<head>
<meta charset="utf-8">
<title>Nodos de html</title>
</head>
<body>
<div>
<h1>Curso JavaScript aprenderaprogramar.com</h1>
</div>
<div>
<p>Párrafo 1</p>
<p>Párrafo 2</p>
<p>Párrafo 3</p>
</div>
</body>
</html>

Imagen (representación de los nodos)


Link de la clase: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=801:dom-o-document-object-model-javascript-ique-es-para-que-sirve-w3c-nodos-child-ejemplos-cu01123e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206


66
Funciones JavaScript. Concepto. Parámetros (argumentos) y tipos. Paso por valor. Return. Ejemplo (CU01122E)

Aquí les dejo el ejercicio CU01122E del manual de programación web con JavaScript:

Código HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Funciones</title>
<script type="text/javascript" src="Ejercicio_Funciones.js"></script>
</head>
<body>
<h1 style="cursor: pointer; outline: 10px solid #555; background-color: #000; color: #FFF; text-align: center; font-family: arial;" onclick="Activar()">PRESIONAME</h1>
</body>
</html>

Código JavaScript
Código: [Seleccionar]
function Activar(){
/*
ImporteSinImpuestos debe ser númerico y tipoProducto debe ser un número entero.
Calcula segun el importe y el tipo de producto. Envia una alerta del resultado.
*/
function obtenerImporteConImpuestos(importeSinImpuestos, tipoProducto){

var Impuesto;
switch(tipoProducto){//Determina la operación según el tipo de producto indicado.
case 1: Impuesto= importeSinImpuestos * 1.21; break;
case 2: Impuesto= importeSinImpuestos * 1.1; break;
case 3: Impuesto= importeSinImpuestos * 1.05; break;
default: alert("Error 1: No se coloco un tipo de producto valido."); break;

}; //Cierre de switch

if(tipoProducto >= 1 && tipoProducto <= 3){alert("Su impuesto es "+Impuesto+".");
if(importeSinImpuestos == 0){alert("¿Estas bromeando verdad?\nSi no vas a importar nada no hubieras venido en primer lugar.")}
else if(importeSinImpuestos < 0){alert("No admitimos números negativos, ¿en que estabas pensando?")};
};//Cierre de condicion

};//Fin función obtenerImporteConImpuestos.

function obtenerImporteConImpuestos2(importeSinImpuestos){

var Impuesto= [];
Impuesto[1]= importeSinImpuestos * 1.21;
Impuesto[2]= importeSinImpuestos * 1.1;
Impuesto[3]= importeSinImpuestos * 1.05;
return Impuesto;
}//Fin función obtenerImporteConImpuestos2.

var isI = Number(prompt("Indique la cantidad de su importe"));
var tP= Number(prompt("indique el tipo de producto\n\nValores posibles: 1, 2, 3"));
obtenerImporteConImpuestos(isI, tP);

var Rpt= obtenerImporteConImpuestos2(isI);
alert("Para el producto tipo 1 obtendrias: "+Rpt[1]+"\nPara el producto tipo 2 obtendrias: "+Rpt[2]+"\nPara el producto tipo 3 obtendrias: "+Rpt[3]+"\nEn otros tipos obtendrias: "+Rpt[0]);
};

Link de la clase: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=800:funciones-javascript-concepto-parametros-argumentos-y-tipos-paso-por-valor-return-ejemplo-cu01122e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206


67
Aprender a programar desde cero / Re:Cursor CSS. Efectos (CU01054D)
« en: 02 de Octubre 2016, 06:49 »
Hola hymsoft!  :D
El ejercicio esta bien hecho.

Saludos.

68
Hola hymsoft, hacia tiempo que no te veia. ;D

En tu ejercicio como que confundiste colocar em en los bordes en vez usar px como se decía en el ejercicio.
También que en alguna linea de código seleccionaste por error #tabla1 al asignar el ancho para td.

Sin embargo, todo lo demás en el ejercicio esta bien hecho.

Saludos!

69
Gracias. Supongo que por ahora no podre hacerlo.  :-\
(El código que me muesras me parece mejor que el que puse, ademas me muestra un uso con ! así que gracias)

También te envió saludos. :D

70
Rayos! No me di cuenta.  :o
Tratare de ser mas meticuloso con eso. :)

Gracias, por revisar pedro. ;D

71
Arrays JavaScript (arreglos). Declaración, inicialización. Array vacío. length. undefined. Ejemplos (CU01121E)

Aquí esta el ejercicio CU01121E del tutorial básico de programación web con JavaScript:
:)
Código JavaScript
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Arrays</title>
<script type="text/javascript">
function array(){
var nombres= [];
nombres[0]= prompt("Escribe un nombre:","Chompy129");
nombres[1]= prompt("Escribe otro nombre:");
nombres[2]= prompt("Escribe un último nombre:");
alert("¡GENIAL!\nLos nombres elegidos son: "+nombres+".");
}
</script>
</head>
<body>
<h1 style="cursor: pointer; outline: 10px solid #555; background-color: #000; color: #FFF; text-align: center; font-family: arial;" onclick="array()">PRESIONAME</h1>
</body>
</html>

Link de la clase: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=799:arrays-javascript-arreglos-declaracion-inicializacion-array-vacio-length-undefined-ejemplos-cu01121e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206

72
switch JavaScript (condicional de selección). Diagrama de flujo y ejemplo de aplicación. Ejercicio (CU01120E)

Aquí les dejo el ejercicio CU01120E del manual de fundamentos de programación web:

Código JavaScript
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Switch es Extraño</title>
<script type="text/javascript">
function dimeTipoMotor(){
tipo= Number(prompt("Dime un tipo de motor:\nEstán disponibles el número 1, 2, 3 y 4"))
switch(tipo){
case 0: alert("No hay establecido un valor definido para el tipo de bomba."); break;
case 1: alert("La bomba es una bomba de agua."); break;
case 2: alert("La bomba es una bomba de gasolina."); break;
case 3: alert("La bomba es una bomba de hormigón."); break;
case 4: alert("La bomba es una bomba de pasta alimenticia."); break;
default: alert("No existe un valor válido para tipo de bomba");
}//Fin Switch
}//Fin de la función
</script>
</head>
<body>
<h1 style="cursor: pointer; outline: 10px solid #555; background-color: #000; color: #FFF; text-align: center; font-family: arial;" onclick="dimeTipoMotor()">PRESIONAME</h1>
</body>
</html>
(que extraña función)

Link de la clase: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=798:switch-javascript-condicional-de-seleccion-diagrama-de-flujo-y-ejemplo-de-aplicacion-ejercicio-cu01120e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206

73
If else, if else if JavaScript. Condicionales del flujo o estructuras de decisión. Ejemplos. Ejercicios (CU01119E)

Aquí les dejo el ejercicio CU01119E del tutorial básico de desarrollo web:

Código JavaScript
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Condicionales</title>
<style type="text/css">
div{margin: auto; width: 500px; height: 400px;}
div button{position: relative; top: 150px; left: 155px;}
.boton1{
border: none;
outline: none;
width: 160px; height: 90px;
margin: 10px;
background: radial-gradient(#F00, #A00);
border-radius: 15px;
box-shadow: 0 10px #333;
display: inline-block;
cursor: pointer;
transform: translateY(-7px);
}
.boton1 span{
font: normal normal 700 1.4em/1em arial;
text-transform: uppercase;
color: #FFF;
text-shadow: 0 1px #FFF;
}
.boton1:hover{background: radial-gradient(#D00, #900);}
.boton1:hover span{
color: #EEE;
}
.boton1:active{
transform: translateY(0px);
box-shadow: 0 3px #111;
}
</style>
<script type="text/javascript">
function boton(){
alert("¡Bienvenido a crea tu rueda! (?)");
var aceptado = false; //Determina si el valor del usuario es aceptada
var diam= Number(prompt("Por favor D:\nEn metros, digame el diametro de su exepcional rueda. (xd)"));
var grosor= Number(prompt("Ahora.\nEn metros otra vez, el grosor de su rueda."));

//Determina si es aceptado
if(diam== "" || grosor== ""){
//Error
if (diam == ""){alert("Error: no introdujo un diametro.")};//Si no se introduce diametro
if (grosor== ""){alert("Error: no introdujo un grosor.")};//Si no se introduce grosor
}//aceptado
else{aceptado= true};

if (aceptado == true){//Si es aceptado sigue las siguientes condiciones
if(diam > 1.4){alert("Su rueda es para un vehículo grande :O")}
else if(diam <= 1.4 && diam > 0.8){alert("La rueda es para un vehículo mediano :)")}
else{alert("La rueda es para un vehículo pequeño :/")};

if(diam > 1.4 && grosor < 0.4 || diam <= 1.4 && diam > 0.8 && grosor < 0.25){alert("El grosor para esta rueda es inferior al recomendado.")}
}//Cierre de aceptado
}//Cierre de la función
</script>
</head>
<body>
<div>
<button type="button" class="boton1" onclick="boton()"><span>presioname</span></button>
</div>
</body>
</html>
(Las condiciones son mi parte favorita  ;D)

Una cosa, ¿hay alguna manera de que el código no admita algo que no sea números?, es decir, que yo escriba una letra, palabra o cualquier cosa y entonces salga un aviso de error por escribir algo que no es un número. Es la única cosa que no pude resolver.

Link de la clase: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=797:if-else-if-else-if-javascript-condicionales-del-flujo-o-estructuras-de-decision-ejemplos-ejercicios-cu01119e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206


74
Ejemplos JavaScript operadores incremento y decremento. Asignación y asignación compuesta. (CU01118E)

Aquí les dejo el código de la actividad CU01118E del curso básico de programador web desde cero:

1)
Código: [Seleccionar]
<html> <head> <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset='utf-8'>
<style type='text/css'>
body {background-color: #FAEBD7; font-family: sans-serif; line-height: 1.3;}
div {border-style: solid; margin: 15px; padding: 10px; float: left;}
</style>
<script type='text/javascript'>
var a = prompt('Introduzca un número entero'); var b = prompt('Introduzca otro número entero');
a = Number(a) //Si no hacemos esto a es un texto y a+b concatena el texto
b = Number(b)
</script>
</head>
<body>
<div> <h2>Operadores de incremento</h2>
<script type='text/javascript'>
var valorInicial_a = a; document.write('Valores iniciales: a = ' + a + ', b = ' + b + '<br/> <br/>');
aumentar = ++a * b; document.write ('Operador ++ (anterior): ++a * b  == ' + aumentar +  '<br/>');
document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = valorInicial_a; aumentar = a++ * b;
document.write ('Operador ++ (posterior): a++ * b  == ' + aumentar +  '<br/>');
document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = valorInicial_a; //Restablecemos el valor que inicialmente tenía a
disminuir = --a * b; document.write ('Operador -- (anterior): --a * b == ' + disminuir +  '<br/>');
document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = valorInicial_a;
disminuir = a-- * b;
document.write ('Operador -- (posterior): a-- * b == ' + disminuir +  '<br/>');
document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = valorInicial_a;
</script>
</div>
<div>
<h2>Operadores de asignación compuestos</h2>
<script type='text/javascript'>
document.write('Valores iniciales: a = ' + a + ', b = ' + b + '<br/> <br/>');
inicio = a;
a += b;
document.write ( 'Asignación compuesta de suma: a += b equivale a = a + b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = inicio; a -= b; document.write ( 'Asignación compuesta de resta: a -= b equivale a = a - b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = inicio; a *= b;
document.write ( 'Asignación compuesta de multiplicación: a *= b equivale a = a * b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = inicio; a /= b;
document.write ( 'Asignación compuesta de división: a /= b equivale a = a / b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = inicio; a %= b;
document.write ( 'Asignación compuesta de módulo: a %= b equivale a = a % b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
</script></div> </body> </html>

Empieza por <head>, se encuentra una hoja de estilos que dice que en body debe tener un color de fondo #FAEBD7, la fuente debe ser sans-serif y las lineas deben ser un 1.3 veces el tamaño normal. Luego esta el divisor(div) que dice que debe tener un borde solido, un margen en todas direcciones de 15px, un relleno de 10px en todas direcciones y debe flotar a la izquierda.

Luego se encuentra un script(tipo javascript) que declara dos variables, a y b al cual se les asignan el valor que de el usuario. Posteriormente esos valores son convertidos en variables numéricas.

Sigue <body> que empieza con el primer divisor(div). En el se encuentran un encabezado h2 y un script, en el script se declaran tres variables: valorInicial_a a la cual se le asigna el valor de a, aumentar y disminuir.
se escribe en el documento(usando document.write), concatenando textos junto con variables y obtener resultados en referencia a las respuestas del usuario, ejemplo: aumentar = ++a * b, a = valorInicial_a; aumentar = a++ * b, document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');.

En el siguiente script se ven resultados similares, un encabezado h2, se escribe en el documento, se hacen varios cálculos con variables, etc.


2) Introduce errores en los scripts de modo que estos no se ejecuten ¿Qué se visualiza en la página web?


Aquí el código con errores:
Código: [Seleccionar]
<html> <head> <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset='utf-8'>
<style type='text/css'>
body {background-color: #FAEBD7; font-family: sans-serif; line-height: 1.3;}
div {border-style: solid; margin: 15px; padding: 10px; float: left;}
</style>
<script type='text/javascript'>
var a = prompt('Introduzca un número entero'); var b = prompt('Introduzca otro número entero');
a = Number(a) //Si no hacemos esto a es un texto y a+b concatena el texto
b = Number(c) //Primer error
</script>
</head>
<body>
<div> <h2>Operadores de incremento</h2>
<script type='text/javascript'>
/*Segundo error*/
var valorinicial_a = a; document.write('Valores iniciales: a = ' + a + ', b = ' + b + '<br/> <br/>');
var aumentar = ++a * b; document.write ('Operador ++ (anterior): ++a * b  == ' + aumentar +  '<br/>');
document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = valorInicial_a; aumentar = a++ * b;
document.write ('Operador ++ (posterior): a++ * b  == ' + /*Tercero error -->*/mentar +  '<br/>');
document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = valorInicial_a; //Restablecemos el valor que inicialmente tenía a
disminuir = --a * b; document.write ('Operador -- (anterior): --a * b == ' + disminuir +  '<br/>');
document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = valorInicial_a;
/*Cuarto error*/
disminuir = a- * b;
document.write ('Operador -- (posterior): a-- * b == ' + disminuir +  '<br/>');
document.write ('(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = valorInicial_a;
</script>
</div>
<div>
<h2>Operadores de asignación compuestos</h2>
<script type='text/javascript'>
document.write('Valores iniciales: a = ' + a + ', b = ' + b + '<br/> <br/>');
inicio = a;
a += b;
document.write ( 'Asignación compuesta de suma: a += b equivale a = a + b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = inicio; a -= b; document.write ( 'Asignación compuesta de resta: a -= b equivale a = a - b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = inicio; a *= b;
document.write ( 'Asignación compuesta de multiplicación: a *= b equivale a = a * b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = inicio; a /= b;
document.write ( 'Asignación compuesta de división: a /= b equivale a = a / b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
a = inicio; a %= b;
document.write ( 'Asignación compuesta de módulo: a %= b equivale a = a % b<br/>');
document.write ( '(Ahora el valor de a es: ' + a + ')<br/><br/>');
</script></div> </body> </html>

Aquí el primer div se deja de visualizar completamente(a excepción del encabezado) por modificar el valor de la variable valorInicial_a y una operación ilógica en medio del código, en el segundo div se deja de mostrar parcialmente a causa de modificar la variable Inicio, generando un error a muchas operaciones en el código.


3) Introduce 0 y 0 como números en el ejemplo anterior. ¿Cuántas veces el resultado de las operaciones es NaN? ¿Por qué?

Se ven dos NaN al final del código, la primera en una division, dividir 0 entre 0 no tiene lógica, se obtiene un número indefinido.
En el segundo se obtiene NaN porque se trata de obtener el restante de una division 0 entre 0. La razón es la misma que en el primero.

Link de la clase: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=796:ejemplos-javascript-operadores-incremento-y-decremento-asignacion-y-asignacion-compuesta-cu01118e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206


75
Siii XD

Me pareció que el código quedaría mejor con eso. Es de las pocas cosas que tengo en ventaja con javascript. :)

76
Operadores lógicos JavaScript. Relacionales. Igual, distinto, and, or, not. Prioridades. Ejemplos. (CU01117E)

Respuestas para la actividad CU01117E del tutorial sobre fundamentos de programación web.

Ejercicio 1
Dadas las variables de tipo entero con valores A = 5, B = 3, C = -12 indicar si la evaluación de estas expresiones daría como resultado verdadero o falso:
  • A > 3
  • A > C
  • A < C
  • B < C
  • B != C
  • A == 3
  • A * B == 15
  • A * B == -30
  • C / B < A
  • C / B == -10
  • C / B == -4
  • A + B + C == 5
  • (A+B == 8 ) && (A-B == 2)
  • (A+B == 8 ) || (A-B == 6)
  • A > 3 && B > 3 && C < 3
  • A > 3 && B >= 3 && C < -3

Respuestas esperadas. Ejercicio 1
  • true
  • true
  • false
  • false
  • true
  • false
  • true
  • false
  • true
  • false
  • true
  • false
  • true
  • true
  • false
  • true

Crea un script donde declares estas variables, les asignes valores y muestres por pantalla el valor de verdad que tienen cada una de las expresiones antes indicadas.

Código JavaScript(resultado)
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Operadores lógicos</title>
<!--Codigo largo :v-->
<script type="text/javascript">
var A= 5, B= 3, C= -12;

var respuesta= {
a: A > 3,
b: A > C,
c: A < C,
d: B < C,
e: B != C,
f: A == 3,
g: A * B == 15,
h: A * B == -30,
i: C / B < A,
j: C / B == -10,
k: C / B == -4,
l: A + B + C == 5,
m: (A+B == 8 ) && (A-B == 2),
n: (A+B == 8 ) || (A-B == 6),
o: A > 3 && B > 3 && C < 3,
p: A > 3 && B >= 3 && C < -3
}

alert("a) A > 3 es "+respuesta.a+"\nb) A > C es "+respuesta.b+"\nc) A < C es "+respuesta.c+"\nd) B < C es "+respuesta.d+"\ne) B != C es "+respuesta.e+"\nf) A == 3 es "+respuesta.f)
alert("g) A * B == 15 es "+respuesta.g+"\nh) A * B == -30 es "+respuesta.h+"\ni) C / B < A es "+respuesta.i+"\nj) C / B == -10 es "+respuesta.j+"\nk) C / B == -4 es "+respuesta.k+"\nl) A + B + C == 5 es "+respuesta.l)
alert("m) (A+B == 8 ) && (A-B == 2) es "+respuesta.m+"\nn) (A+B == 8 ) || (A-B == 6) es "+respuesta.n+"\no) A > 3 && B > 3 && C < 3 es "+respuesta.o+"\np) A > 3 && B >= 3 && C < -3 es "+respuesta.p)
</script>
</head>
<body>
<div style="width: 650px; margin: auto;">
<h1 style="font: small-caps arial;">El body frente a head es una tonteria ahora -.-</h1>
<div>
</body>
</html>
La matemática y el álgebra es mi especialidad.

Ejercicio 2
Crea un script donde declares dos variables a y b y fuerces a que ambas contengan valor NaN. Ahora realiza las comparaciones a == b, a === b, a !== a ¿Qué resultados obtienes? ¿A qué crees que se debe este resultado?

Respuesta
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Operadores lógicos 2</title>
<script type="text/javascript">
var a= NaN;
var b= NaN;
alert("a == b es "+(a==b)+"\na === b es "+(a===b)+"\na !== b es "+(a!==b));
</script>
</head>
<body>
<h1>Este código es muy corto <b>^<sub>^</sub>^</b></h1>
</body>
</html>

En las dos primeras se obtiene false y en la tercera se obtiene true.

Mi conclusión: NaN(Not-a-Number) es un valor desconocido, puede ser cualquier cosa menos un número, puede ser "asdqwñ", "galleta" o "aq/as(#!xxx", por lo tanto, al ser un valor que puede ser cualquier cosa nunca va a llegar a ser igual a otro valor NaN. Esto se comprueba en el tercero(a !== b) cuando da por respuesta true, a no es igual a b.

Link de la clase: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=795:operadores-logicos-javascript-relacionales-igual-distinto-and-or-not-prioridades-ejemplos-cu01117e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206

77
Operadores aritméticos JavaScript. %, mod o resto de división. Precedencia. Concatenar Strings (CU01116E)

Aquí les dejo el ejercicio CU01116E del curso online aprenda programación web como si estuviera en primero:

Código JavaScript
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Operadores basicos</title>
<script type="text/javascript">
var userNumber= parseInt(prompt("Por favor, escribe un número:")),
userNumber1= parseInt(prompt("Ahora escribe otro:")),
a= userNumber % 5,
b= userNumber / userNumber1,
c= userNumber + userNumber1;

alert("a) El resto (módulo) de dividir el primer número entre 5.\nb) El resultado de dividir el primer número entre el segundo.\nc) El resultado de sumar los dos números.");
alert("El resultado de A es "+a+", el resultado de B es "+b+" y el resultado de C es "+c+".");
</script>
</head>
<body>
<span>PAGINA VACIA</span>
</body>
</html>

Link de la clase: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=794:operadores-aritmeticos-javascript-mod-o-resto-de-division-precedencia-concatenar-strings-cu01116e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206

78
Declarar variables JavaScript. Inicializarlas. Tipo booleano y valores true y false. Método toString() (CU01115E)

Aquí les dejo el ejercicio CU01115E del manual de programador web online:

Código JavaScript
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>Variables Booleanas</title>
   <script type="text/javascript">
      var propiedad1= true; var propiedad2= false;
      alert(propiedad1 + propiedad2+ " es la suma de las dos variables.")
      alert(propiedad1.toString()+propiedad2.toString()+" es la suma en texto de las dos variables.")
   </script>
</head>
<body>
   <span>PAGINA VACIA</span>
</body>
</html>

En la primera alerta: El resultado es 1 porque el valor numérico de true es 1 y el de false es 0, por lo tanto seria como decir "0 + 1 = 1".


En la segunda alerta: El resultado es truefalse porque antes de ser mostrados en pantalla se convierten en texto por el uso de toString(), y al sumarlos, javascript concatena ambos textos, obteniendo truefalse.


Link de la clase: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=793:declarar-variables-javascript-inicializarlas-tipo-booleano-y-valores-true-y-false-metodo-tostring-cu01115e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206


79
Una cosa, no te recomiendo usar bgcolor ni text en la etiqueta <body> ni en ninguna otra, te recuerdo que estas propiedades ya no son recomendadas porque en el futuro puede dejar de ser aceptado por los navegadores. Por lo tanto, usa estilos de CSS en lugar de eso(suponiendo que aprenderás CSS en el futuro).

De resto, como dijo DRANXZ88 el ejercicio esta bien. :D
(y hazle caso con eso de las reglas del foro)

80
Variables String JavaScript ¿Mejor usar comillas simples o dobles? Secuencias escape \n \t. length (CU01114E)

Aquí les dejo el ejercicio CU01114E del curso online de programador web desde cero:

Código JavaScript
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JAVASCRIPT. SIMBOLO PI.</title>
<script type="text/javascript">
//  \u03C0 es equivalente al simbolo de PI
alert("El número \u03C0 vale 3.1416");
</script>
</head>
<body>
<span>PAGINA VACIA</span>
</body>
</html>

Páginas: 1 2 3 [4] 5 6 7

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