martes, 4 de octubre de 2016

JavaScript

Símbolos:

++ , aumenta en 1, los dos signos + van seguidos sin ningún espacio en blanco.

  • a= a+1 = a++
  • a= a-1  = a--
  • a= a+10 = a+=10
  • a= a-10= a-=10
ejercicio:

<html>


<head>
</head>

<script>
a=10;
a=a+1;
document.write(a + "<br>");
a++;
document.write(a + "<br>");
a=a-1;
document.write(a + "<br>");
a--;
document.write(a + "<br>");
a+=10;
document.write(a + "<br>");
a-=60;
document.write(a + "<br>");
</script>

<body></body>
</html>


EJERCICIO DE ARRAY: (Vector)

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 3 - Arrays simples</title>
<script type="text/javascript">
// Array que almacena los 12 meses del año

var meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];

// Se muestra el nombre de cada mes
alert(meses[0]);
alert(meses[1]);
alert(meses[2]);
alert(meses[3]);
alert(meses[4]);
alert(meses[5]);
alert(meses[6]);
alert(meses[7]);
alert(meses[8]);
alert(meses[9]);
alert(meses[10]);
alert(meses[11]);
</script>
</head>

<body>
<p>Esta página muestra los 12 meses del año</p>
</body>
</html>


El método split () se utiliza para dividir una cadena en una matriz de subcadenas, y devuelve la nueva matriz.

Consejo: Si se utiliza una cadena vacía ( "") como separador, la cadena se divide entre cada carácter.

Nota: El método split () no cambia la cadena original.

Ejemplo

Dividir una cadena en una matriz de subcadenas:
var str = "How are you doing today?";
var res = str.split(" ");
El resultado de la resolución será un array con los valores:
How,are,you,doing,today?   
Separar cada charater, incluyendo espacios en blanco:
var str = "How are you doing today?";
var res = str.split("");
El resultado de la resolución será un array con los valores:
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
tomado de:http://www.w3schools.com/jsref/jsref_split.asp

PROMPT

Para la entrada de datos por teclado tenemos la función prompt. Cada vez que necesitamos ingresar un dato con esta función, aparece una ventana donde cargamos el valor. Hay otras formas más sofisticadas para la entrada de datos en una página HTML, pero para el aprendizaje de los conceptos básicos de JavaScript nos resultará más práctica esta función.
Para ver su funcionamiento analicemos este ejemplo:
  <html>
  <head>
  </head>
  <body>
  <script type="text/javascript">
    var nombre;
    var edad;
    nombre=prompt('Ingrese su nombre:','');
    edad=prompt('Ingrese su edad:','');
    document.write('Hola ');
    document.write(nombre);
    document.write(' asi que tienes ');
    document.write(edad);
    document.write(' años');
  </script>
  </body>
  </html>
La sintaxis de la función prompt es:
<variable que recibe el dato>=prompt(<mensaje a mostrar en la ventana>,<valor 
  inicial a mostrar en la ventana>);
La función prompt tiene dos parámetros: uno es el mensaje y el otro el valor inicial a mostrar.

EJEMPLO:
<!DOCTYPE html>
<html>
<body>

<p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var person = prompt("Please enter your name", "Harry Potter");
    
    if (person != null) {
        document.getElementById("demo").innerHTML =
        "Hello " + person + "! How are you today?";
    }
}
</script>

</body>
</html>
ordenar o reordenar arrays:

<script>
var fruits = [3, 8, 4, 9, 7];
document.getElementById("demo").innerHTML = fruits;

function myFunction() {
    fruits.sort();
    document.getElementById("demo").innerHTML = fruits;
}
</script>
Redondear:

Redondear un valor:

1 var redondea = Math.round(9.45);
2 alert("Valor redondeado 9.45= "+redondea);

Redondear un número al entero más cercano:

1 redondea = Math.ceil(9.01);

2 alert("Valor ceil 9.01= "+redondea);

Calcular el Coseno de un número

1 var coseno = Math.cos(30);
2 alert("El coseno de 30 = "+coseno);
// // Coseno

Raíz cuadrada
1 var raizCuadrara = Math.sqrt(9);
2 alert(raizCuadrara);



No hay comentarios.:

Publicar un comentario