Erro javascript

Olá :slight_smile:
Alguém me consegue dizer por que é o que output deste script é:
a
m
a
n
h
a
m
a
n
h
a

em vez e ser:

amanha
manha

O código é este:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>JavaScript</title>
	<script>


	var frases = isolaPalavrasChave("Amanha de manha")	

	function isolaPalavrasChave(frase) {
		var palavrasRetirar = " o - a - de - dos - das - na - nas - nos - no -.- quase -(-)-[-]-  " + 
			" que - se - com - que - é - um - as - os - para - do - da - no - nas - " + 
			" nos - na - para -...-,- uma - umas - numa - num - ao - aos - e -€-r$-?- já - ter "
                        + " that - is - are - her - his - i - am - you - yours - him - to - of "

        var palavrasChaveSeparadas = palavrasRetirar.split("-")

        for (var x = 0; x < palavrasChaveSeparadas.length; x++) {
        	frase = frase.replace(palavrasChaveSeparadas[x], " ")
        }
        frase = frase.replace("  ", " ")
        return frase;
	}
	for (var y = 0; x < frases.length; y++) {
        	document.write('<h1>' + frases[y] + '</h1>')
     }

	</script>
</head>
<body>
</body>
</html>

Você está ‘criando’ em cada iteração um header nível 1 (h1) novo. Então esses headers são dispostos um abaixo do outro. Tente usar o método toString(). Por exemplo:

document.write('<h1>' + frases[y].toString() + '<h1>');

1 curtida