Separar texto

<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>

3 Respostas

Jederson_Andre 12 de abr. de 2018

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

Pacato 12 de abr. de 2018

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

Solucao aceita

Francisco_Chaves 12 de abr. de 2018 1 like

Olá amigo, veja se te ajuda.

link:

gist.github.com

https://gist.github.com/franciscojsc/7b0a64302408d0415a53c92f91775c95

index.html

<!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(){

This file has been truncated. show original

<!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>

3 Respostas

Topicos relacionados