Separar texto

Front-end
#1

Pessoal,

Queria criar uma função simples para separa vogal e consoante em Javascript, estou apanhando com split (acho que é o melhor caminho).

<html>
<head>
<title>Usando eventos no Javascript</title>
<script>
function vogalConsoante()
{
var palavra=document.getElementById("palavra").value;
alert(palavra);
var vogais = ["a","e","i","o","u"];
var consoantes = ["b","c","d","f","g","h","j","k","l","m","n","p","q","r","s","t","v","x","w","y","z"];
alert(vogais);
alert(consoantes);

palavra = palavra.split(/(vogais|consoantes)/);

alert(palavra);


}
</script>
</head>
<body>

Palavra: <input type="text" id="palavra">
<button onClick="vogalConsoante()">Validar</button>


</body>
</html>
#2

Q tal transformar a sua “palavra” em vetor;
Assim vc percorre o vetor palavra e compara com o vetor vogais e consoantes;

#3

Isso que eu queria, mas não consegui ainda.

#4

Olá amigo, veja se te ajuda.

link:

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[Realiza a verificação das vogais e consoantes na palavra]">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
<title>Separa Palavra - Vogais e Consoantes</title>
<script>
  
  window.onload = function(){
    var campoVogal = document.getElementById("resultadoVogais");
    var campoConsoante = document.getElementById("resultadoConsoantes");
    
    var botao = document.getElementById("validar");
    var palavra = document.getElementById("palavra");
    
    var vogais = ["a","e","i","o","u"];
    var consoantes = ["b","c","d","f","g","h","j","k","l","m","n","p","q","r","s","t","v","x","w","y","z"];
    
    
    botao.onclick = function(){
      palavra = document.getElementById("palavra").value;
      palavra = palavra.toLowerCase();
       campoVogal.innerHTML = "<h3>Vogais</h3>";
       campoConsoante.innerHTML = "<h3>Consoantes</h3>";
      
      //Vogais
      for(var i = 0; i < vogais.length; i++){ 
        for(var j = 0; j < palavra.length; j++ ){
          if(palavra.charAt(j) == vogais[i]){
               console.log(palavra.charAt(j));
               campoVogal.innerHTML += "<font color='green'>"+ palavra.charAt(j) +"</font>";
             }
          }
      }
      
      //Consoantes
      for(var i = 0; i < consoantes.length; i++){ 
        for(var j = 0; j < palavra.length; j++ ){
          if(palavra.charAt(j) == consoantes[i]){
               console.log(palavra.charAt(j));
            campoConsoante.innerHTML += "<font color='red'>"+ palavra.charAt(j) +"</font>";
             }
          }
      }
      
    };
    
  }
</script>
</head>
<body>

  <h3>Digite a palavra:</h3> 
  <input type="text" id="palavra">
  <br />
  <br />
  <button id="validar">Validar</button>
  <br />
  
  <h2 id="resultadoVogais"></h2>
  
  <h2 id="resultadoConsoantes"></h2>


</body>
</html>
1 curtida