Skip to main content
3 de 7
se añadieron 248 caracteres en el cuerpo
hubman
  • 2.7k
  • 13
  • 44
  • 96

errores de escritura

pretendo obtener los errores cometidos cuando se ecribe un texto estatico, en este caso (hola soy el texto estatico de prueba), mi problema es cuando se apreta backspace deja de funcionar

verifico si es espacio para asi no afectar el error toda la oracion si no solo a la palabra, ejemplo hola como y escribo ola como, entonces estaria mal todo por que se recorre 1 posicion toda la oracion, sin embargo solo hay 1 error que es la h

var texto = document.getElementById('captureInput');
var index = 0;
var errores = [];
var textoEstatico = "hola soy el texto estatico de prueba";
var posiciones = [];
var indexActual = 0;
var flagDoubleEspacio = false;

function is_special_key(key_id) {
  switch (key_id) {
    case 8:
      return true; // Backspace
    case 9:
      return true; // Enter
    case 13:
      return true; // Tab
    case 17:
      return true; // Ctrl
    case 18:
      return true; // Alt
    case 19:
      return true; // Pause
    case 27:
      return true; // Esc
    case 33:
      return true; // Pg up
    case 34:
      return true; // Pg down
    case 35:
      return true; // End
    case 36:
      return true; // Home
    case 37:
      return true; // Left
    case 38:
      return true; // Up
    case 39:
      return true; // Right
    case 40:
      return true; // Down
    case 45:
      return true; // Insert
    case 46:
      return true; // Delete
    case 91:
      return true; // Windows
    case 93:
      return true; // Dialog
    case 112:
      return true; // F1
    case 113:
      return true; // F2
    case 114:
      return true; // F3
    case 115:
      return true; // F4
    case 116:
      return true; // F5
    case 117:
      return true; // F6
    case 118:
      return true; // F7
    case 119:
      return true; // F8
    case 120:
      return true; // F9
    case 121:
      return true; // F10
    case 122:
      return true; // F11
    case 123:
      return true; // F12
    case 145:
      return true; // Scroll
    default:
      return false;
  }
}


function esLaMisma(key_id, texto, i) {
  var res = false;

  if (key_id == texto.charAt(i)) {
    res = true;
  }
  return res;
}

function posicionPalabras(texto, done) {
  var posiciones = [];
  var ini, fin, cp, tamPalabras = 0;
  ini = fin = 0, cp = 0;
  var copiaEstatica, palabra = "";
  var arrayEstatico = textoEstatico.split(" ");
  var arregloPosiciones = []
  for (var i = 0; i < arrayEstatico.length; i++) {
    tamPalabras = arrayEstatico[i].length - 1;
    if (fin == 0) {
      fin = fin + tamPalabras + 1;
    } else {
      fin = fin + tamPalabras + 2;
    }
    var auxPos = {
      ini,
      fin
    };
    palabra = arrayEstatico[i];
    arregloPosiciones.push({
      palabra: palabra,
      posiciones: auxPos
    });
    ini = fin + 1;

  };
  return done(null, arregloPosiciones);
}

function buscarPalabra(mapeo, indice, done) {

  getPosiciones();
  var intervalIni = 0,
    intervalFin = 0;
  mapeo.forEach(function(current, index, verdadero) {
    intervalIni = current.posiciones.ini;
    intervalFin = current.posiciones.fin;
    if (indice >= intervalIni && indice <= intervalFin) {
      return done(null, current.palabra)
    }
  })
}


texto.addEventListener('keydown', function(keyboardEvent) {

  if (!is_special_key(keyboardEvent.keyCode)) {

    flagDoubleEspacio = true;
    let keyC = keyboardEvent.key;

    if ((!esLaMisma(keyC, textoEstatico, index))) {
      arregloPosiciones = posicionPalabras(textoEstatico, function(err, result) {
        buscarPalabra(result, index, function(err, res) {
          let simbol = textoEstatico.charAt(index);
          let mensaje = 'palabra: ' + res + '    \tletra Original: ' + simbol + '    \tletra erronea: ' + keyC;
          mostrarMensaje(mensaje, "erroresFrecuentes");
          errores.push({
            palabra: res,
            posiciones: {
              simbol,
              keyC
            }
          });
        });
      });

    }
  } else {
    if (keyboardEvent.keyCode == 8) { //backspace
      index -= 2;
    }

  }
  if (keyboardEvent.keyCode == 32) { //backspace

    if (flagDoubleEspacio) {
      index = posiciones[indexActual];
      indexActual++;
      flagDoubleEspacio = false;
    }
  } else {
    index++;
  }

});

function mostrarMensaje(mensaje, caja) {
  var contenedor = document.getElementById(caja);
  var res = contenedor.innerText.split('\n');
  res.push(mensaje);
  contenedor.innerText = res.join('\n');
  contenedor.scrollTop = contenedor.scrollHeight - contenedor.clientHeight;
}

function getPosiciones() {

  for (var i = 0; i <= textoEstatico.length - 1; i++) {
    if (textoEstatico.charAt(i) == " ") {
      posiciones.push(i + 1);
    }

  }
}
<p>hola soy el texto estatico de prueba</p>
<textarea id="captureInput" placeholde="escribe aqui"></textarea>
<pre id="erroresFrecuentes" style="overflow-y: scroll; height:200px;"></pre>

hubman
  • 2.7k
  • 13
  • 44
  • 96