1
0

ed: READMEs, +: mario.html

This commit is contained in:
devfzn 2023-05-09 01:42:58 -04:00
parent 23f825150b
commit d9952b861c
Signed by: devfzn
GPG Key ID: E070ECF4A754FDB1
4 changed files with 130 additions and 8 deletions

View File

@ -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).

View File

@ -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>

View File

@ -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)

View File

@ -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">