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.
|
||||
- `const` = constante (ambito?)
|
||||
|
||||
[JS - Tipado dinámico](https://www.aluracursos.com/blog/tipado-dinamico-con-javascript)
|
||||
|
||||
----
|
||||
|
||||
## Practicando con juegos y animaciones
|
||||
@ -105,4 +107,8 @@ cambiar color click derecho.
|
||||
- Disparando en el [blanco](./logica_de_programacion_3/programa6.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).
|
||||
- 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:
|
||||
|
||||
```txt
|
||||
"gato" => "gaitober"
|
||||
gaitober" => "gato"
|
||||
gato --> gaitober
|
||||
gaitober --> gato
|
||||
```
|
||||
|
||||
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!
|
||||
```
|
||||
|
||||
<details><summary markdown="span">ver mensaje desencriptado</summary>
|
||||
|
||||
```txt
|
||||
felicidades por enfrentar este
|
||||
desafio y haberlo concluido con exito!
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
## Proyecto
|
||||
|
||||
- [Javascript](./html/encriptador.js)
|
||||
@ -124,9 +133,10 @@ Lista de tareas challenge encriptador
|
||||
- [x] Desarrollar la lógica de desencriptación
|
||||
- [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] Área para mostrar 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.
|
||||
- [ ] Área para mostrar el texto encriptado/desencriptado dinámica:
|
||||
- [x] Área para mostrar 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
|
||||
|
||||
#### Recursos
|
||||
@ -138,8 +148,8 @@ Lista de tareas challenge encriptador
|
||||
- Imagen [input](./html/imagenes/input.png) trello.
|
||||
- HTML - DOM [Style display](https://www.w3schools.com/jsref/prop_style_display.asp)
|
||||
Property
|
||||
- Imagen [1](./html/imagenes/1.png) area de texto des/encriptado
|
||||
- Imagen [2](./html/imagenes/2.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 desencriptado
|
||||
- Imagen boton [encriptar](./html/imagenes/boton-enc.png)
|
||||
- Imagen boton [desencriptar](./html/imagenes/)
|
||||
- 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>
|
||||
</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>
|
||||
</div>
|
||||
<div id="botones">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user