<file_sep># Female Secrets

## Preámbulo

Todas conocemos lo importante que es desahogarnos y compartir nuestros secretos y experiencias personales con esa(s) amiga(s) cercana(s), sin embargo, existe cierto temor de hacerlo mediante redes sociales ya que nunca sabemos quién puede terminar leyendo nuestros más intimos secretos por un descuido de nosotras mismas o de esa(s) persona(s) con quién hemos decidido compartir, para esto se ha creado esta aplicación que te permite cifrar y descifrar mensajes mediante el Cifrado Cesar, logrando así que tú y tu(s) amiga(s) puedan intercambiar mensajes cifrandolos y descifrandolos ;-) 

## Prototipos

![PROTOTIPO](https://user-images.githubusercontent.com/51206357/58851214-771a4d80-8657-11e9-8a2c-b6ece417c336.jpg)
![vistas balsamiq](https://user-images.githubusercontent.com/51206357/59623126-03694d80-90f9-11e9-9f40-e77949bf9e2e.png)

Feedback:
Utilizar un lenguaje adecuado al tema de la página.
<file_sep>const contrasena = document.getElementById("contrasena");
const btnIngresar = document.getElementById("btnIngresar");
const respuestaCorrecta = "LABORATORIA"
let contador = 0;
const div1 = document.getElementById('div1');
const div2 = document.getElementById('div2');
const div3 = document.getElementById('div3');
let inputTexto = document.getElementById('inputTexto');
let btnCifrar = document.getElementById('btnCifrar');
let btnDescifrar = document.getElementById('btnDescifrar');
let outputResultado = document.getElementById('outputResultado');
let offset = document.getElementById('offset');

btnIngresar.addEventListener('click', () => {
  if (contrasena.value == respuestaCorrecta)
  {
    div1.classList.add('ocultar');
    div2.classList.remove('ocultar');
  }
  else {
    document.getElementById('mensjPasswordIncorrecta').innerHTML="Contraseña incorrecta, inténtalo nuevamente";
    contador ++;
    if(contador===3){
      div1.classList.add('ocultar');
      div2.classList.add('ocultar');
      div3.classList.remove('ocultar');
    }
}
});

btnCifrar.addEventListener("click", () =>{
  let string = inputTexto.value;
  let offsetC = offset.value;
  outputResultado.value = cipher.encode(offsetC, string);
  });

btnDescifrar.addEventListener("click", () =>{
  let string = inputTexto.value;
  let offsetC = offset.value;

  outputResultado.value = cipher.decode(offsetC, string);
});
<file_sep>window.cipher = {
  encode: (offsetC, string) => {
    let mensajeCifrado = "";
  for (let i = 0; i < string.length; i++) {
    let asciiNumber = string.charCodeAt(i);
    if (asciiNumber >= 65 && asciiNumber <= 90) {
    mensajeCifrado += String.fromCharCode((asciiNumber - 65 + parseInt(offsetC)) % 26 + 65);
    }
    else {
    mensajeCifrado+= string[i];
    }
  }
  return mensajeCifrado;
  },
  decode: (offsetC, string) => {
    let caractercifrado='';
    let mensajeDescifrado = '';
  for (let i = 0; i < string.length; i++) {
    let asciiNumber = string.charCodeAt(i);
    if (asciiNumber >= 65 && asciiNumber <= 90) {
    caractercifrado = (asciiNumber - 65 - parseInt(offsetC)) % 26 + 65;
    if (caractercifrado<65) {
    caractercifrado = caractercifrado+26;
    }
    mensajeDescifrado += String.fromCharCode(caractercifrado);
    }
      else {
        mensajeDescifrado+=string[i];
      }
    }
    return mensajeDescifrado;
  }
};
