Guia 1 - Programacion Javascript PDF

Resolucin de problemas
de Programacin
La resolucin de un problema mediante un ordenador consiste en el proceso

que a partir de la descripcin de un problema, expresado habitualmente en
lenguaje natural y en trminos propios del dominio del problema, permite
desarrollar un programa que resuelva dicho problema.
Este proceso exige los siguientes pasos:
Anlisis del problema.
Diseo o desarrollo de un algoritmo.
Transformacin del algoritmo en un programa (codificacin).
Ejecucin y validacin del programa.
Los dos primeros pasos son los ms difciles del proceso. Una vez analizado el
problema y obtenido un algoritmo que lo resuelva, su transformacin a un
programa de ordenador es una tarea de mera traduccin al lenguaje de
programacin deseado.
Anlisis del problema informtico
Cuando un usuario plantea a un programador un problema que resolver

mediante su ordenador, por lo general ese usuario tendr conocimientos
ms o menos amplios sobre el dominio del problema, pero no es habitual
que tenga conocimientos de informtica. Por ejemplo, un contable que
necesita un programa para llevar la contabilidad de una empresa ser un
experto en contabilidad (dominio del problema), pero no tiene por qu ser
experto en programacin.
Del mismo modo, el informtico que va a resolver un determinado problema

puede ser un experto programador, pero en principio no tiene por qu
conocer el dominio del problema; siguiendo el ejemplo anterior, el
informtico que hace un programa no tiene por qu ser un experto en
contabilidad.
Por ello, al abordar un problema que se quiere resolver mediante un

ordenador, el programador necesita de la experiencia del experto del
dominio para entender el problema. Al final, si se quiere llegar a una solucin
satisfactoria es necesario que:
El problema est bien definido con el mximo detalle
Las especificaciones de las entradas y salidas del problema, deben ser
descritas tambin en detalle:
Qu datos son necesarios para resolver el problema?
Estos datos los debe pedir el programa al usuario.
Qu informacin debe proporcionar la resolucin del problema?
Esto constituye las operaciones que resuelven el problema.
Cuales son los resultados o salidas que el programa debe mostrar?
Es el resultado o resultados que el progama debe mostrar al final del
proceso.
Por lo tanto todo programa de ordenador que

resuelve problemas debe tener:
- Entrada de datos
- Proceso de Datos
- Salida de Datos
COMO CREAR UN ALGORITMO

EN JAVASCRIPT
Realizaremos el siguiente ejemplo:
1- CREAR UN PROGRAMA EN JAVASCRIPT QUE PIDA DOS NUMEROS, LOS
SUME Y MUESTRE EL RESULTADO
- Todo problema para resolver en un computador requiere pedir al usuario
los datos necesarios que resuelven el problema, en este caso los dos
nmeros que se van a sumar:
En Javascript lo haremos mediante un formulario que se crea dentro del
body.
Cree el anterior formulario de la siguiente manera:
1- Codigo del formulario:
Escriba este cdigo dentro del <body>. Observe que todos los
campos tienen un ID.
Continua.
Creacin del programa en javascript

2- Dentro del <head></head> cree una funcin en javascript como
se ve en la figura: (nota: cualquier cdigo de javascript va dentro de
el comando function nomb_funcion { } ).
Dentro del <head> se cree una

seccin script y dentro escriba el
siguiente codigo.
Guarde la pagina como sumar_nmeros.html y abra la

pagina en google crhome y pruebe el programa.
Continua.
De aqu en adelante cualquier programa de

javascript que haremos constara de:
1.
Un formulario que pida los datos y

muestre la salida
Un cdigo dentro de la seccin <script>
</script> que resuleva el problema.
2.
EXPLICACION DE LA FUNCION SUMA

DE JAVASCRIPT
Explicaremos la funcin javascript que suma los dos
nmeros:
1-
Toda funcin javascript tiene la siguiente estructura:
<script>
function Nombre_ de_la_Funcion () {
}
</script>
2-
Todo programa de javascript por lo general

debe crear variables para capturar los datos
que el usuario ingresa al programa:
Una variable es una seccin de memoria designada con un nombre

cualquiera, que se crea durante la ejecucin del programa y que puede
asignrsele cualquier valor.
Una variable se crea con la palabra var y puede llamrsele con cualquier
nombre siempre y cuando no hayan espacios en blanco.
Ejemplo:
<script>
var n1, n2 , resultado
Aqu se crean las variables n1, n2 y resultado
que contendrn los datos que el usuario digito
en el formulario
}
</script>
Nota: Crear una variable es crear una seccin de memoria vacia con un
nombre. A esta seccin de memoria se le puede asignar cualquier valor
durante el desarrollo del programa utilizando el signo igual = . En el
ejemplo anterior se dentro de la memoria ram se crearan tress
secciones de memoria asi:
N1
N2
MEMORIA RAM
Resultado
3 -Luego debemos insertar los datos de entrada dentro de las variables

para poder manipularlas fcilmente dentro del programa. Veamos:
<script>
n1=document.getElementById("numero1").value;
}
</script>
Aqu asignamos a las variables los datos que el

usuario ingreso en el formulario de entrada.
Nota:
Explicacion de esta instruccin:
Esta instruccin busca en el body un campo de texto llamado numero1 y
le asigna a la variable n1 el valor que la persona digito en ese
campo.Por eso la propiedad .value .
4.Luego realizamos la operacin que se nos pide debe realizar el
programa que es sumar los dos nmeros que quedaron dentro de las
variables n1 y n2 y el resultado lo guardamos en una variable llamada
resultado. Veamos
<script>
resultado = parseInt(n1) + parseInt(n2);
}
</script>
Explicacion de la instruccin:
Se suma el contenido de las variables n1 y n2 y el resultado se coloca
dentro de la variable resultado.
Nota: la instruccin
parseInt(n1)
convierte el contenido de la
variable n1 en un valor numrico que se puede sumar, restar u operar

con cualquier operacin matemtica. Esto debido a que cuando el
usuario digita un numero en el formulario el computador lo sigue
tomando como un texto.
5- Imprimimos el resultado de la suma en el formulario en su debido

campo de texto:
<script>
document.getElementById("resultado").value = resultado;
}
</script>
Explicacion de la instruccin:
Esta instruccin coloca en la caja de texto del formulario llamada

resultado el resultado de la suma de n1 y n2.
Continua..
Para finalizar tenemos:
<script>
function Nombre_ de_la_Funcion ()
var n1, n2 , resultado;
{
Creacion de variables
Entrada de Datos al
programa
resultado = parseInt(n1) + parseInt(n2); Proceso que resuelve el problema

}
Salida los
resultados al
usuario.
</script>
Nota: todas las instrucciones debe terminar en punto y coma.
Taller Practico #1
Siguiendo el mismo esquema de resolucin de problemas
utilizando javascript desarrolle los siguientes algoritmos:
1 -Hacer un programa en javascript que pida dos nmeros, los

multiplique y muestre el resultado.
2. Desarrollar un algoritmo que pida tres nmeros y calcule y muestre
el promedio .
3. Realizar un algoritmo para imprimir el rea de un triangulo.

4- Hacer un algoritmo que lea un producto, su precio unitario y la
cantidad a comprar. El programa deber mostrar el costo total de la
compra.
5- Dada una cantidad en kilmetros, el programa deber mostrar su
equivalente en metros y en centmetros.
6- Desarrolle un algoritmo que permita determinar el rea y volumen de
un cilindro dado su radio (R) y altura (H).
7- Desarrolle un programa en javascript que pida el nombre de un
empleado, su sueldo bsico, el numero de das trabajados, el numero de
horas extras diurnas trabajadas y el numero de horas extras nocturnas
trabajadas. El programa deber imprimir:
-El pago por las horas extras diurnas trabajadas
-El pago por las horas extras nocturnas trabajadas
-El pago total del mes.
Tenga en cuenta que:
El valor de la hora extra diurna se calcula asi:
Vlr_hora_extra_diurna =(((sueldobasico/30)/8) +((((sueldobasico/30)/8) /100)*25)) *
numero_de_horas_extras_diurnas;
Vlr_hora_extra_nocturna =(((sueldobasico/30)/8) +((((sueldobasico/30)/8) /100)*75)) *
numero_de_horas_extras_nocturnas;
Y sueldo bsico se calcula asi:

Sueldobasico = ((sueldobasico/30) * numero de das
trabajados) + vlr_hora_extra_diurna +
vlr_hora_extra_nocturna.
EXITOS!!

Guia 1 - Programacion Javascript PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Guia 1 - Programacion Javascript PDF

Cargado por

Copyright:

Formatos disponibles

Resolucin de problemas

La resolucin de un problema mediante un ordenador consiste en el proceso

Anlisis del problema informtico

Cuando un usuario plantea a un programador un problema que resolver

Del mismo modo, el informtico que va a resolver un determinado problema

Por ello, al abordar un problema que se quiere resolver mediante un

Por lo tanto todo programa de ordenador que

COMO CREAR UN ALGORITMO

Cree el anterior formulario de la siguiente manera:

1- Codigo del formulario:

Creacin del programa en javascript

Dentro del <head> se cree una

Guarde la pagina como sumar_nmeros.html y abra la

De aqu en adelante cualquier programa de

Un formulario que pida los datos y

EXPLICACION DE LA FUNCION SUMA

Toda funcin javascript tiene la siguiente estructura:

Todo programa de javascript por lo general

Una variable es una seccin de memoria designada con un nombre

3 -Luego debemos insertar los datos de entrada dentro de las variables

Aqu asignamos a las variables los datos que el

variable n1 en un valor numrico que se puede sumar, restar u operar

5- Imprimimos el resultado de la suma en el formulario en su debido

Esta instruccin coloca en la caja de texto del formulario llamada

Para finalizar tenemos:

resultado = parseInt(n1) + parseInt(n2); Proceso que resuelve el problema

Nota: todas las instrucciones debe terminar en punto y coma.

1 -Hacer un programa en javascript que pida dos nmeros, los

3. Realizar un algoritmo para imprimir el rea de un triangulo.

Y sueldo bsico se calcula asi:

También podría gustarte