Skip to main content
se añadieron 72 caracteres en el cuerpo
Origen Enlace
Alberto Siurob
  • 6.5k
  • 7
  • 33
  • 72

Te dejo un ejemplo documentado, modificalo a tus necesidades.

Anexo toLowerCase() la recomendación de Pablo Lozano

function contar() {
  // Capturas el valor del input, lo limpas de espacios al inicio y al final y luego haces un arreglo
  const texto = document.getElementById('texto').
  value.trim().toLowerCase().split('');
  
  // Creamos un objeto que será el que almacene las repeticiones
  const repeticiones = {};
  
  // Ciclamos el texto del input y verificamos si existe y sumamos 1, de no existir siempre valdrá 1
  texto.forEach( ( letra ) => {
    repeticiones[ letra ] = ( repeticiones[ letra ] || 0 ) + 1;
  });
  
  // Ahora ciclamos el objeto y lo agregamos al resultado
  for( let letra in repeticiones ) {
    const text = `${ letra } = ${ repeticiones[ letra ] }<br>`;
    document.getElementById('resultado').innerHTML += text;
  }


}
<input type="text" id="texto">
<button type="button" id="boton" onclick="contar()">Verificar</button>

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

Te dejo un ejemplo documentado, modificalo a tus necesidades.

function contar() {
  // Capturas el valor del input, lo limpas de espacios al inicio y al final y luego haces un arreglo
  const texto = document.getElementById('texto').
  value.trim().split('');
  
  // Creamos un objeto que será el que almacene las repeticiones
  const repeticiones = {};
  
  // Ciclamos el texto del input y verificamos si existe y sumamos 1, de no existir siempre valdrá 1
  texto.forEach( ( letra ) => {
    repeticiones[ letra ] = ( repeticiones[ letra ] || 0 ) + 1;
  });
  
  // Ahora ciclamos el objeto y lo agregamos al resultado
  for( let letra in repeticiones ) {
    const text = `${ letra } = ${ repeticiones[ letra ] }<br>`;
    document.getElementById('resultado').innerHTML += text;
  }


}
<input type="text" id="texto">
<button type="button" id="boton" onclick="contar()">Verificar</button>

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

Te dejo un ejemplo documentado, modificalo a tus necesidades.

Anexo toLowerCase() la recomendación de Pablo Lozano

function contar() {
  // Capturas el valor del input, lo limpas de espacios al inicio y al final y luego haces un arreglo
  const texto = document.getElementById('texto').
  value.trim().toLowerCase().split('');
  
  // Creamos un objeto que será el que almacene las repeticiones
  const repeticiones = {};
  
  // Ciclamos el texto del input y verificamos si existe y sumamos 1, de no existir siempre valdrá 1
  texto.forEach( ( letra ) => {
    repeticiones[ letra ] = ( repeticiones[ letra ] || 0 ) + 1;
  });
  
  // Ahora ciclamos el objeto y lo agregamos al resultado
  for( let letra in repeticiones ) {
    const text = `${ letra } = ${ repeticiones[ letra ] }<br>`;
    document.getElementById('resultado').innerHTML += text;
  }


}
<input type="text" id="texto">
<button type="button" id="boton" onclick="contar()">Verificar</button>

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

Origen Enlace
Alberto Siurob
  • 6.5k
  • 7
  • 33
  • 72

Te dejo un ejemplo documentado, modificalo a tus necesidades.

function contar() {
  // Capturas el valor del input, lo limpas de espacios al inicio y al final y luego haces un arreglo
  const texto = document.getElementById('texto').
  value.trim().split('');
  
  // Creamos un objeto que será el que almacene las repeticiones
  const repeticiones = {};
  
  // Ciclamos el texto del input y verificamos si existe y sumamos 1, de no existir siempre valdrá 1
  texto.forEach( ( letra ) => {
    repeticiones[ letra ] = ( repeticiones[ letra ] || 0 ) + 1;
  });
  
  // Ahora ciclamos el objeto y lo agregamos al resultado
  for( let letra in repeticiones ) {
    const text = `${ letra } = ${ repeticiones[ letra ] }<br>`;
    document.getElementById('resultado').innerHTML += text;
  }


}
<input type="text" id="texto">
<button type="button" id="boton" onclick="contar()">Verificar</button>

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