Separar texto
Olá pessoal tudo bom?
Fiz esse código que separa vogal e consoante (na ordem que lê) mas acho que ficou grande e o pior, não consegui juntar tudo em um resultado só.
<html>
<head>
<title>Separa Palavra - Vogais e Consoantes</title>
<script>
window.onload = function(){
var campoVogal = document.getElementById("resultadoVogais");
var campoConsoante = document.getElementById("resultadoConsoantes");
var campoVogalConsoante = document.getElementById("resultadoVogalConsoante");
var campoOutros = document.getElementById("resultadoOutros");
var botao = document.getElementById("separar");
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(){
var string = document.getElementById("s").value;
string = string.toLowerCase();
campoVogal.innerHTML = "<h3>Vogais</h3>";
campoConsoante.innerHTML = "<h3>Consoantes</h3>";
campoVogalConsoante.innerHTML = "<h3>VogalConsoante</h3>"
campoOutros.innerHTML = "<h3>Outros</h3>"
for (i = 0; i < string.length; i++ ) {
if(vogais.indexOf(string[i]) != -1) {
console.log(string[i]);
campoVogal.innerHTML += "<font color='green'>"+ string[i] +"<br></font>";
} else if(consoantes.indexOf(string[i]) != -1) {
console.log(string[i]);
campoConsoante.innerHTML += "<font color='blue'>"+ string[i] +"<br></font>";
} else {
console.log(string[i]);
campoOutros.innerHTML += "<font color='red'>"+ string[i] +"<br></font>";
}
}
};
}
</script>
</head>
<body>
<h3>Digite a palavra:</h3>
<input type="text" id="s">
<br />
<br />
<button id="separar">Separar</button>
<br />
<h1 id="resultadoVogais"></h1>
<h1 id="resultadoConsoantes"></h1>
<h1 id="resultadoVogalConsoante"></h1>
<h1 id="resultadoOutros"></h1>
</body>
</html>
Alguém sabe fazer mais simples ou colocar a resposta em um lugar só? não separadoDiscussão (2)
Carregando comentários...