substituir vocales de una frase

da8332 · #1 (**permalink**) 28/10/2012, 05:48

Hola
tengo el siguiente problema
cambiar las vocales de una frase que proporciona el usuario mediante un prompt

ejemplo: escribimos como frase --> el barça es el mejor y hay que mostrar por pantalla :
- al barça as al majar
- el berçe es el mejer
asi con todas las vocales

e probado de la siguiente forma, pero solo lo hace la primera vez que encuentra esa vocal:

Código HTML:

<div id="vocales"></div>

	
	
	<script type="application/javascript">
		
		var frase="palabra";
		
		frase= prompt("Escribe una frase");
		frase = frase.replace('e','a').replace('i','a')
               .replace('o','a').replace('u','a')
          
               
               document.getElementById("vocales").innerHTML+=frase;
	
	</script>

ya se que tengo que hacer un for pero no se me ocurre como seguir

gracias de antemano

emprear · #2 (**permalink**) 28/10/2012, 07:08

En primer lugar, bienvenido sa FDW @da8332

Vos mencionar lo del for estás hablando de hacer algo así

Código Javascript:

Ver original<script type="text/javascript">
//<![CDATA[
var Lafrase = "palabra";
var frase = new Array();
frase = Lafrase.split('');
for(var i = 0;i < frase.length;i++){
alert(frase[i]);
// .....
//.....
}
//]]>
</script>

Sabiendo cada letra efectuar el reemplazo e ir reconstruyendo la frase, pero en tu caso es la forma incorrecta, no porque esté mal, sino por que javascript te provee de un método más efectivo

Código Javascript:

Ver original<script type="text/javascript">
//<![CDATA[
var Lafrase = "palabra";
var nuevaFrase=Lafrase.replace(/a/g,"e");
alert(nuevaFrase);
//]]>
</script>

consultá sobre el uso del modificador 'g' en una expresión regular

Saludos

da8332 · #3 (**permalink**) 28/10/2012, 07:21

gracias
me gusta mas tu manera que la del for pero tengo una duda, si hago lo que tu me propones solo sustituye la por la e, pero si encuentra una i no la sustituye por la e

e probado de esta forma pero nada no se si tiene que ver con /g:

Código HTML:

var Lafrase = "palabra";
		Lafrase = prompt ("Escribe una frase");
		var nuevaFrase=Lafrase.replace(/a/g,"e");
		nuevaFrase=Lafrase.replace(/i/g,"e");
		nuevaFrase=Lafrase.replace(/o/g,"e");
		nuevaFrase=Lafrase.replace(/u/g,"e");
			alert(nuevaFrase);

furoya · #4 (**permalink**) 28/10/2012, 07:28

Me ganaste de nuevo, emprear. Yo ya había tipeado uno de mis clásicos mensajes :

«No tenés que hacer un bucle for(), da8332, tenés que abrir un tutorial de expresiones regulares.

Código:

<script type="text/javascript">
var v = /[aeiou]/gi;
var c= prompt("Cadena.","murcielago");
var a = "a";
alert(c.replace(v, a));
</script>

»

Supongo que para empezar esto estarría bien.

http://webs.ono.com/jlmorgon1/tutojs/tutojs20.html#a

P.D.: ¿Y con los acentos qué hacemos?.

da8332 · #5 (**permalink**) 28/10/2012, 08:29

gracias a los dos ya resolvi el problema, pongo el codifo por si le sirve a alguien

Código Javascript:

Ver original<body>
    <header>Amb vocal</header>
    <br />
    <div id="vocals">
    <span id="frase"><br/></span>
    <span id="a"><br/></span>
    <span id="e"><br/></span>
    <span id="i"><br/></span>
    <span id="o"><br/></span>
    <span id="u"><br/></span>
    </div>
 
    
    
    <script type="application/javascript">
 
var longitut=26;        
while(longitut>25)
{       
    var v = /[aeiou]/gi;
    var frase;
    frase= prompt("Escriu una frase","el barça es el millor");
    frase = frase.toLowerCase();
    longitut = frase.length;
    if (longitut>25) 
        alert ("la frase té que ser com a màxim de 25 caràcters");
}
frase=frase.fontcolor("blue");
var a = "a",e="e",i="i",o="o",u="u";
var aa=frase.replace(v, a).fontcolor("brown");
var ee=frase.replace(v, e).fontcolor("brown");
var ii=frase.replace(v, i).fontcolor("brown");
var oo=frase.replace(v, o).fontcolor("brown");
var uu=frase.replace(v, u).fontcolor("brown");
 
               
                document.getElementById("frase").innerHTML+=frase;
                document.getElementById("a").innerHTML+=aa;
                document.getElementById("e").innerHTML+=ee;
                document.getElementById("i").innerHTML+=ii;
                document.getElementById("o").innerHTML+=oo;
                document.getElementById("u").innerHTML+=uu;
    
    </script>

furoya · #6 (**permalink**) 28/10/2012, 08:59

No lo resolviste, seguís copiando y pegando sin mirar tutoriales.

Y para la lista de frases coloreadas, sí se puede usar un bucle. Pero tendrías que leer un manual de JS.

da8332 · #7 (**permalink**) 28/10/2012, 09:28

le echado un ojo a la web que tu pusites sobre expresiones regulares

acabo de empezar a tocar JS