ed: READMEs, +: mario.html
This commit is contained in:
parent
23f825150b
commit
d9952b861c
GPG Key ID:
E070ECF4A754FDB1
@ -75,6 +75,8 @@ Lista de [ingredientes](./logica_de_programacion_1-2/recetas_armando.html) sin r
|
|||||||
- `let` = añade variable al scope local.
|
- `let` = añade variable al scope local.
|
||||||
- `const` = constante (ambito?)
|
- `const` = constante (ambito?)
|
||||||
|
|
||||||
|
[JS - Tipado dinámico](https://www.aluracursos.com/blog/tipado-dinamico-con-javascript)
|
||||||
|
|
||||||
----
|
----
|
||||||
|
|
||||||
## Practicando con juegos y animaciones
|
## Practicando con juegos y animaciones
|
||||||
@ -105,4 +107,8 @@ cambiar color click derecho.
|
|||||||
- Disparando en el [blanco](./logica_de_programacion_3/programa6.html).
|
- Disparando en el [blanco](./logica_de_programacion_3/programa6.html).
|
||||||
- Actividad dibujando con el [mouse](./logica_de_programacion_3/dibujando_mouse.html).
|
- Actividad dibujando con el [mouse](./logica_de_programacion_3/dibujando_mouse.html).
|
||||||
- Extra, [aimbot](./logica_de_programacion_3/aimbot.html) (tiro al blanco c/puntos).
|
- Extra, [aimbot](./logica_de_programacion_3/aimbot.html) (tiro al blanco c/puntos).
|
||||||
|
- JSON Web [token](https://www.aluracursos.com/blog/que-es-json-web-token).
|
||||||
|
- Sistema [binario](https://www.aluracursos.com/blog/entienda-el-sistema-de-codigo-binario).
|
||||||
|
- Metodologías [ágiles](https://www.aluracursos.com/blog/los-principales-modelos-de-metodologia-agil).
|
||||||
|
- Analista [BI](https://www.aluracursos.com/blog/analista-de-bi-en-t).
|
||||||
|
|
||||||
|
|||||||
@ -0,0 +1,106 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- @author: Jair0305 - Discord -->
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<canvas class="pizarra">
|
||||||
|
|
||||||
|
</canvas>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var pantalla = document.querySelector(".pizarra");
|
||||||
|
var pincel = pantalla.getContext("2d");
|
||||||
|
|
||||||
|
pantalla.width = 800;
|
||||||
|
pantalla.height = 800;
|
||||||
|
|
||||||
|
rojo = "#fe0000"
|
||||||
|
cafeOscuro = "#291105"
|
||||||
|
piel = "#feb27f"
|
||||||
|
azul = "#0000fe"
|
||||||
|
amarillo = "#fefe01"
|
||||||
|
cafeClaro = "#502d16"
|
||||||
|
negro = "#040000"
|
||||||
|
|
||||||
|
// pincel.fillStyle = "lightgrey"
|
||||||
|
// pincel.fillRect(0,0,600,400)
|
||||||
|
|
||||||
|
pincel.fillStyle = rojo
|
||||||
|
pincel.fillRect(200,0,250,50)
|
||||||
|
pincel.fillRect(150,50,450,50)
|
||||||
|
pincel.fillRect(250,350,50,50)
|
||||||
|
pincel.fillRect(250,400,50,50)
|
||||||
|
pincel.fillRect(250,450,50,50)
|
||||||
|
pincel.fillRect(400,400,50,50)
|
||||||
|
pincel.fillRect(400,450,50,50)
|
||||||
|
pincel.fillRect(250,500,200,50)
|
||||||
|
pincel.fillRect(200,550,50,50)
|
||||||
|
pincel.fillRect(450,550,50,50)
|
||||||
|
pincel.fillRect(300,550,100,50)
|
||||||
|
pincel.fillRect(150,600,400,50)
|
||||||
|
pincel.fillRect(150,650,150,50)
|
||||||
|
pincel.fillRect(400,650,150,50)
|
||||||
|
|
||||||
|
pincel.fillStyle = cafeOscuro
|
||||||
|
pincel.fillRect(150,100,150,50)
|
||||||
|
pincel.fillRect(100,150,50,50)
|
||||||
|
pincel.fillRect(200,150,50,50)
|
||||||
|
pincel.fillRect(100,200,50,50)
|
||||||
|
pincel.fillRect(200,200,100,50)
|
||||||
|
pincel.fillRect(450,200,50,50)
|
||||||
|
pincel.fillRect(100,250,100,50)
|
||||||
|
pincel.fillRect(400,250,200,50)
|
||||||
|
|
||||||
|
|
||||||
|
pincel.fillStyle = piel
|
||||||
|
pincel.fillRect(300,100,100,50)
|
||||||
|
pincel.fillRect(450,100,50,50)
|
||||||
|
pincel.fillRect(150,150,50,50)
|
||||||
|
pincel.fillRect(250,150,150,50)
|
||||||
|
pincel.fillRect(450,150,150,50)
|
||||||
|
pincel.fillRect(150,200,50,50)
|
||||||
|
pincel.fillRect(300,200,150,50)
|
||||||
|
pincel.fillRect(500,200,150,50)
|
||||||
|
pincel.fillRect(200,250,200,50)
|
||||||
|
pincel.fillRect(200,300,350,50)
|
||||||
|
pincel.fillRect(50,500,100,50)
|
||||||
|
pincel.fillRect(50,550,150,50)
|
||||||
|
pincel.fillRect(550,500,100,50)
|
||||||
|
pincel.fillRect(500,550,150,50)
|
||||||
|
pincel.fillRect(550,600,100,50)
|
||||||
|
pincel.fillRect(50,600,100,50)
|
||||||
|
|
||||||
|
pincel.fillStyle = negro
|
||||||
|
pincel.fillRect(400,100,50,50)
|
||||||
|
pincel.fillRect(400,150,50,50)
|
||||||
|
|
||||||
|
pincel.fillStyle = azul
|
||||||
|
pincel.fillRect(150,350,100,50)
|
||||||
|
pincel.fillRect(300,350,150,50)
|
||||||
|
pincel.fillRect(100,400,150,50)
|
||||||
|
pincel.fillRect(300,400,100,50)
|
||||||
|
pincel.fillRect(450,400,150,50)
|
||||||
|
pincel.fillRect(50,450,200,50)
|
||||||
|
pincel.fillRect(450,450,200,50)
|
||||||
|
pincel.fillRect(300,450,100,50)
|
||||||
|
pincel.fillRect(150,500,100,50)
|
||||||
|
pincel.fillRect(450,500,100,50)
|
||||||
|
|
||||||
|
pincel.fillStyle = amarillo
|
||||||
|
pincel.fillRect(250,550,50,50)
|
||||||
|
pincel.fillRect(400,550,50,50)
|
||||||
|
|
||||||
|
pincel.fillStyle = cafeClaro
|
||||||
|
pincel.fillRect(100,700,150,50)
|
||||||
|
pincel.fillRect(450,700,150,50)
|
||||||
|
pincel.fillRect(50,750,200,50)
|
||||||
|
pincel.fillRect(450,750,200,50)
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -65,8 +65,8 @@ devolver una palabra encriptada para su versión original.
|
|||||||
Por ejemplo:
|
Por ejemplo:
|
||||||
|
|
||||||
```txt
|
```txt
|
||||||
"gato" => "gaitober"
|
gato --> gaitober
|
||||||
gaitober" => "gato"
|
gaitober --> gato
|
||||||
```
|
```
|
||||||
|
|
||||||
La página debe tener campos para inserción del texto que será encriptado o
|
La página debe tener campos para inserción del texto que será encriptado o
|
||||||
@ -102,6 +102,15 @@ fenterlimescimesdaidenters poberr enternfrenterntair enterstenter
|
|||||||
dentersaifimesober y haibenterrlober cobernclufatimesdober cobern enterximestober!
|
dentersaifimesober y haibenterrlober cobernclufatimesdober cobern enterximestober!
|
||||||
```
|
```
|
||||||
|
|
||||||
|
<details><summary markdown="span">ver mensaje desencriptado</summary>
|
||||||
|
|
||||||
|
```txt
|
||||||
|
felicidades por enfrentar este
|
||||||
|
desafio y haberlo concluido con exito!
|
||||||
|
```
|
||||||
|
|
||||||
|
</details>
|
||||||
|
|
||||||
## Proyecto
|
## Proyecto
|
||||||
|
|
||||||
- [Javascript](./html/encriptador.js)
|
- [Javascript](./html/encriptador.js)
|
||||||
@ -124,9 +133,10 @@ Lista de tareas challenge encriptador
|
|||||||
- [x] Desarrollar la lógica de desencriptación
|
- [x] Desarrollar la lógica de desencriptación
|
||||||
- [x] Conectar función a su respectivo botón en el HTML
|
- [x] Conectar función a su respectivo botón en el HTML
|
||||||
- [x] Capturar el texto escrito en el campo del input del HTML
|
- [x] Capturar el texto escrito en el campo del input del HTML
|
||||||
- [x] Área para mostrar el texto encriptado/desencriptado:
|
- [ ] Área para mostrar el texto encriptado/desencriptado dinámica:
|
||||||
Ocultar y mostrar diferentes elementos dependiendo del estado, comenzando
|
- [x] Área para mostrar el texto encriptado/desencriptado
|
||||||
con una imagen que debe ser substituida por el texto encriptado/desencriptado.
|
- [ ] Ocultar y mostrar diferentes elementos dependiendo del estado, comenzando
|
||||||
|
con una imagen que debe ser substituida por el texto encriptado/desencriptado
|
||||||
- [ ] Trabajar estilos
|
- [ ] Trabajar estilos
|
||||||
|
|
||||||
#### Recursos
|
#### Recursos
|
||||||
@ -138,8 +148,8 @@ Lista de tareas challenge encriptador
|
|||||||
- Imagen [input](./html/imagenes/input.png) trello.
|
- Imagen [input](./html/imagenes/input.png) trello.
|
||||||
- HTML - DOM [Style display](https://www.w3schools.com/jsref/prop_style_display.asp)
|
- HTML - DOM [Style display](https://www.w3schools.com/jsref/prop_style_display.asp)
|
||||||
Property
|
Property
|
||||||
- Imagen [1](./html/imagenes/1.png) area de texto des/encriptado
|
- Imagen [1](./html/imagenes/1.png) area de texto desencriptado
|
||||||
- Imagen [2](./html/imagenes/2.png) area de texto des/encriptado
|
- Imagen [2](./html/imagenes/2.png) area de texto desencriptado
|
||||||
- Imagen boton [encriptar](./html/imagenes/boton-enc.png)
|
- Imagen boton [encriptar](./html/imagenes/boton-enc.png)
|
||||||
- Imagen boton [desencriptar](./html/imagenes/)
|
- Imagen boton [desencriptar](./html/imagenes/)
|
||||||
- Interact with the [clipboard](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard)
|
- Interact with the [clipboard](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard)
|
||||||
|
|||||||
@ -21,7 +21,7 @@
|
|||||||
<label for="frase">Ingresa tu mensaje</label>
|
<label for="frase">Ingresa tu mensaje</label>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<textarea id="frase" cols="70" rows="10" class="input-frase"
|
<textarea id="frase" cols="40" rows="15" class="input-frase"
|
||||||
required placeholder="Ingresa el texto aquí" autofocus></textarea>
|
required placeholder="Ingresa el texto aquí" autofocus></textarea>
|
||||||
</div>
|
</div>
|
||||||
<div id="botones">
|
<div id="botones">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user