Dia 28
This commit is contained in:
Marcos Lopez
parent
da3afe49b3
commit
f86dee8067
152
Practicas/Practicas JS/Introduccion/ARRAYS_JAVASCRIPT.html
Normal file
152
Practicas/Practicas JS/Introduccion/ARRAYS_JAVASCRIPT.html
Normal file
|
|
@ -0,0 +1,152 @@
|
|||
<!Doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>ARRAYS JAVASCRIPT</title>
|
||||
<script type="text/javascript">
|
||||
|
||||
// Array - Arreglo - Vector - Matriz (Conjunto de datos, con un orden conocido, pueden ser de distintos tipos)
|
||||
|
||||
var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];
|
||||
|
||||
var edades=[25,20,46,82,45];
|
||||
|
||||
var persona=["Rafa",20,true]
|
||||
|
||||
// Acceder a un dato del array
|
||||
/*document.write(dias[3]);
|
||||
document.write("<br>");*/
|
||||
|
||||
// Modificar un valor del array
|
||||
dias[3]="Juernes";
|
||||
document.write(dias[3]);
|
||||
document.write("<br>");
|
||||
document.write(dias);
|
||||
document.write("<br>");
|
||||
// Añadir un elemento al array
|
||||
dias[7]="Neptuno";
|
||||
document.write(dias);
|
||||
document.write("<br>");
|
||||
// Propiedad length número de elementos
|
||||
// document.write(dias.length);
|
||||
document.write("Los días de la semana son:" + dias.length);
|
||||
document.write("<br>");
|
||||
// Añadir cuando no sabemos cuantos hay
|
||||
dias[dias.length]="Raticulin";
|
||||
document.write("Los días de la semana son:" + dias.length);
|
||||
document.write("<br>");
|
||||
document.write(dias);
|
||||
document.write("<br>");
|
||||
// Añadir con push (final)
|
||||
dias.push("Alderaan","Melmac");
|
||||
document.write(dias);
|
||||
document.write("<br>");
|
||||
// Añadir con unshift (al principio)
|
||||
|
||||
// Eliminar con pop el ultimo y con shift el primero
|
||||
dias.pop();
|
||||
document.write(dias);
|
||||
document.write("<br>");
|
||||
// Unir arrays
|
||||
var union=dias.concat(edades);
|
||||
document.write(union);
|
||||
document.write("<br>");
|
||||
// Separar con join
|
||||
document.write(union.join(" - "));
|
||||
document.write("<br>");
|
||||
// Ordenar alfabeticamente sort() y reverse()
|
||||
var diasordenados=dias.sort();
|
||||
document.write(diasordenados);
|
||||
document.write("<br>");
|
||||
document.write(diasordenados.reverse());
|
||||
document.write("<br>");
|
||||
|
||||
// Recuperar array original
|
||||
var meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
|
||||
document.write(meses);
|
||||
document.write("<br>");
|
||||
|
||||
// indexOf(valor) devuelve la primera posición en el array, si no lo encuentra devuelve -1
|
||||
document.write(meses.indexOf("Febrero"));
|
||||
document.write("<br>");
|
||||
|
||||
// lastIndexOf(valor) la última o la primera encontrada desde el final
|
||||
document.write(meses.lastIndexOf("Febrero"));
|
||||
document.write("<br>");
|
||||
|
||||
|
||||
|
||||
|
||||
// Método splice(posición,numerolEmentosExtraidos,elementoAñadido1,elementoAñadido2, ...) se extraen y pueden pasar a otro array, si no se indica numeroElementos se extraen todos desde la posición.
|
||||
// Emplame (((((Destructivo)))))
|
||||
|
||||
var meses = ["enero", "febrero", "lunes", "martes"];
|
||||
var dias = meses.splice(2, 1);
|
||||
|
||||
document.write(dias); // ["lunes"]
|
||||
document.write("<br>");
|
||||
document.write(meses); // ["enero", "febrero", "martes"]
|
||||
document.write("<br>");
|
||||
|
||||
// Si el numeroElementos es 0 no se extraen, el array resultante está vacio
|
||||
var meses = ["enero", "febrero", "lunes", "martes"];
|
||||
var dias = meses.splice(3, 0);
|
||||
document.write(dias); // [""]
|
||||
document.write("<br>");
|
||||
document.write(meses); // ["enero", "febrero", "lunes", "martes"]
|
||||
document.write("<br>");
|
||||
|
||||
meses.splice(3, 0,"marzo","abril");
|
||||
document.write(meses); // ["enero", "febrero", "lunes", "martes","marzo","abril"]
|
||||
|
||||
var extraidos=meses.splice(3,2);
|
||||
document.write(meses); // ["enero", "febrero", "lunes","abril"]
|
||||
document.write(extraidos); // ["martes","marzo"]
|
||||
|
||||
// slice devuelve un array con los elementos extraidos, slice(priemro,último), el primero se incluye el último no. El array original no cambia.
|
||||
// Porción ((((((No destructivo))))))
|
||||
var meses = ["enero", "febrero", "lunes", "martes"];
|
||||
var extraido=meses.slice(1,3);
|
||||
document.write(extraido); //
|
||||
document.write("<br>");
|
||||
document.write(meses); //
|
||||
document.write("<br>");
|
||||
|
||||
// Un solo número, si es positivo desde ese al final, si es negativo desde el final hacia atras.
|
||||
var meses = ["enero", "febrero", "lunes", "martes", "miercoles"];
|
||||
var extraido=meses.slice(2);
|
||||
document.write(extraido); //
|
||||
document.write("<br>");
|
||||
document.write(meses); //
|
||||
document.write("<br>");
|
||||
|
||||
// slice devuelve un array con los elementos extraidos, slice(priemro,último), el primero se incluye el último no. El array original no cambia.
|
||||
// Porción ((((((No destructivo))))))
|
||||
var meses = ["enero", "febrero", "lunes", "martes"];
|
||||
var extraido=meses.slice(1,3);
|
||||
document.write(extraido); // ["febrero", "lunes", "martes"]
|
||||
document.write("<br>");
|
||||
document.write(meses); // ["enero", "febrero", "lunes", "martes"]
|
||||
document.write("<br>");
|
||||
|
||||
// Un solo número, si es positivo desde ese al final, si es negativo desde el final hacia atras.
|
||||
var meses = ["enero", "febrero", "lunes", "martes", "miercoles"];
|
||||
var extraido=meses.slice(2);
|
||||
document.write(extraido); // ["lunes", "martes", "miercoles"]
|
||||
document.write("<br>");
|
||||
document.write(meses); // ["enero", "febrero", "lunes", "martes", "miercoles"]
|
||||
document.write("<br>");//
|
||||
|
||||
// Si es negativo
|
||||
var extraido=meses.slice(-2);
|
||||
document.write(extraido); // ["martes", "miercoles"]
|
||||
document.write("<br>");
|
||||
document.write(meses); // ["enero", "febrero", "lunes", "martes", "miercoles"]
|
||||
document.write("<br>");//
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,8 +7,7 @@
|
|||
<title>Ejercicio 2</title>
|
||||
</head>
|
||||
<body>
|
||||
<img style="height: 100px; cursor: pointer;" src="./imagenes/rectangulo.jpg" alt="Rectangulo" onclick=" res = calculosRect();">
|
||||
<script>document.write(res)</script>
|
||||
<img style="height: 100px; cursor: pointer;" src="./imagenes/rectangulo.jpg" alt="Rectangulo" onclick="calculosRect();">
|
||||
<img style="height: 100px; cursor: pointer;" src="./imagenes/cilindro.png" alt="Cilindro" onclick="calculosCilindro();">
|
||||
<img style="height: 100px; cursor: pointer;" src="./imagenes/circunferencia.jpg" alt="Circunferencia" onclick="calculosCirculo();">
|
||||
<img style="height: 100px; cursor: pointer;" src="./imagenes/triangulo.png" alt="Triangulo" onclick="calculosTriangulo();">
|
||||
|
|
|
|||
|
|
@ -4,8 +4,7 @@ function calculosRect() {
|
|||
let area = areaRect(alto, ancho).toFixed(2);
|
||||
let perimetro = perimetroRect(alto, ancho).toFixed(2);
|
||||
let resultado= `El area del rectangulo es: ${area} \n y su perimetro es: ${perimetro}`
|
||||
// muestraResultado(resultado);
|
||||
return resultado;
|
||||
muestraResultado(resultado);
|
||||
}
|
||||
function calculosCirculo() {
|
||||
let radio = solicitaNumero(`Introduzca el radio del circulo`);
|
||||
|
|
|
|||
|
|
@ -0,0 +1,15 @@
|
|||
texto1="En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor"
|
||||
|
||||
texto2="Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados ..."
|
||||
|
||||
|
||||
|
||||
- Cuantas letras "u" hay en el texto1 ?
|
||||
- Cuantos caracteres componen el texto2 ?
|
||||
- Cual es el septimo caracter del texto2 ?
|
||||
- Une las dos cadenas de texto iniciales ?
|
||||
- Haz que el texto2 termine con la siguiente frase " y película los viernes".
|
||||
- En que posición esta la primera palabra "un" a partir de la palabra Mancha ?
|
||||
- En que posición esta el último "de" del texto1 ?
|
||||
- Haz que las palabras que componen el texto2 aparezcan separadas por comas.
|
||||
- Haz que el texto1 se escriba con una palabra debajo de otra.
|
||||
59
Practicas/Practicas JS/Practica 4/index.html
Normal file
59
Practicas/Practicas JS/Practica 4/index.html
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="text/javascript" src="./js/main.js"></script>
|
||||
<title>Ejercicio 3</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>document.write(texto1)</script>
|
||||
<br>
|
||||
<script>document.write(texto2)</script>
|
||||
<br>
|
||||
<br>
|
||||
<script>
|
||||
//document.write(`Numero de caracteres 'u' en texto1: ${texto1.split('u').length-1}`) - falla cuando la ultima letra es la que buscas, habria que controlarlo
|
||||
let contador = 0;
|
||||
for (let i = 0; i < texto1.length; i++) {
|
||||
if (texto1.charAt(i) === 'u') {
|
||||
contador++;
|
||||
}
|
||||
}
|
||||
document.write(`Numero de caracteres 'u' en texto1: ${contador}`);
|
||||
</script>
|
||||
<br>
|
||||
<script>document.write(`Numero de caracteres texto2: ${texto2.length}`)</script>
|
||||
<br>
|
||||
<script>document.write(`Caracteres siete de texto2: ${texto2[6]}`)</script>
|
||||
<br>
|
||||
<script>
|
||||
texto3 = `${texto1} ${texto2}`;
|
||||
document.write(`Union de cadenas: ${texto3}`);
|
||||
</script>
|
||||
<br>
|
||||
<script>
|
||||
texto4 = texto2.concat(` y pelicula de los viernes`)
|
||||
document.write(texto4)
|
||||
</script>
|
||||
<br>
|
||||
<script>
|
||||
document.write(texto1.indexOf('un', texto1.indexOf('Mancha') + 5))
|
||||
</script>
|
||||
<br>
|
||||
<script>
|
||||
document.write(texto1.lastIndexOf('de'))
|
||||
</script>
|
||||
<br>
|
||||
<script>
|
||||
document.write(texto2.split(' '));
|
||||
</script>
|
||||
<br>
|
||||
<script>
|
||||
document.write(texto2.replace(/\s/g, "<br>"));
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
2
Practicas/Practicas JS/Practica 4/js/main.js
Normal file
2
Practicas/Practicas JS/Practica 4/js/main.js
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
texto1="En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor"
|
||||
texto2="Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados ..."
|
||||
Loading…
Reference in New Issue
Block a user