Skip to main content
etiquetas editadas
Enlace
user128299
user128299
Origen Enlace
AnaQuesada
  • 61
  • 1
  • 1
  • 5

Calcular cuantas veces aparece cada letra con JavaScript

Estoy estudiando diseño de aplicaiones web y no consigo entenderme con javaScript por desgracia para mí. Mi problema es que no consigo dar solución a un ejercicio que nos ha puesto el profesor. El enunciado es el siguiente:

Realiza una página web que permita introducir una cadena de texto y al pulsar un boton devuelva haciendo uso de javascript una estadistica de las letras que aparecen en la cadena de texto y de cuantas veces aparece cada letra.

Me he vuelto loca buscando por internet alguna ayuda y no encuentro nada que me funcione. En HTML que he creado es el siguiente.

  <div id="content">
    <h2>Introduce un texto en el campo y pulsa el botón para contar las letras</h2>
    <input type="text" id="texto" size="70" name="texto" value="">
    <input type="button" id="boton" name="boton" value="Cuenta las letras">
    <input type="button" id="boton2" name="boton" value="Borrar">
  </div>

  <div id="resultado"></div>
  <div id="resultado2"></div>
  <div id="resultado3"></div>

Un input donde el usuario introduce la cadena de texto de la cual haremos la estadistica de cada letra usada.

El javaScript lo tengo planteado de esta manera, pero no sé si es la correcta o me he complicado yo sola. Porque no necesito que sea comlicado solo que me funcione.

window.onload = function(){
//Dejamos al botón esperando por un click para que haga su trabajo
  var boton = document.getElementById("boton");
  boton.addEventListener("click", contar, false);

  function contar(){
    var textointro = introducido();

    console.log(textointro);

//Mostramos lo que el  usuario ha escrito en el input
    document.getElementById('resultado').innerHTML = "Has escrito:" + "<br>" + textointro;

//Nos aseguramos que no puedan poner solo espacios en blanco o números
    if (textoIntroducido === "" || !isNaN(textoIntroducido)) {
      document.getElementById('resultado2').innerHTML = "Has introducido espacios en blanco o números, por favor escribe letras solamente"
    }//Cierre del IF
  }//Cierre de la FUNCION CONTAR

    var alfabeto = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","ñ","o","p","q","r","s","t","u","v","w","x","y","z"];
    console.log(alfabeto);

    var contador = 0;
    var letraCantidad = new Array();

    for(i=0; i=letraCantidad.length; i++){
    }

    function introducido(){
//Recogemos el valor del input para ver que ha introducido el usuario
    textoIntroducido = document.getElementById("texto").value;

//Convertimos las letras a minusculas para poder contarlas
    var introMinus = textoIntroducido.toLowerCase();
    introMinus = introMinus.replace(/\s/g, "");
    console.log(introMinus);

    return textoIntroducido;
  }//Cierre FUNCION INTRODUCIDO

//Dejamos al botón BORRAR esperando por el click para borrar el input
  var boton2 = document.getElementById('boton2');
  boton2.addEventListener("click", borrar, false);
  function borrar() {
    document.getElementById('texto').value = "";
  }

}//Cierre del WINDOW:ONLOAD

Disculpad mi exceso de comentarios, pero sino lo hago termino mas perdida que Wally.

Muchas gracias por la ayuda y disculpad si estoy repitiendo alguna preguntaque otro usuario haya podido hacer, pero en las que he visto no he podido conseguir el resultado deseado.

Un saludo