Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcosbrasil

Digitar texto no input e mostrar o texto dividido em duas linhas

Por , em Javascript

Recommended Posts

marcosbrasil    0

marcosbrasil
Postado

Olá,

Amigos do Imasters.

 

Estou começando a estudar javascript, e estou com um problema.

 

Por exemplo:

Vou digitar no input o texto "casa" ao clicar no botao , a palavra "casa" vai ser dividida e será mostrada

abaixo em duas div.

 

assim: ca

sa

 

Para nao dizer que nao tentei , abaixo o meu codigo.

 

javascript

<script type="text/javascript">
function separaTexto(){
var texto1 = document.getElementById("separ").value.split(div1);

document.getElementById("div1").innerHTML=texto1;
document.getElementById("div2").innerHTML=conteudo;
}
 

window.onload=function(){
var obj2=document.getElementById("button2");
obj2.onclick=separaTexto;    

}
</script>

HTML

<body>
<section>

      <form id="form2"name="form2" method="post" action="">
      <p>Separar</p>
      <input type="text" name="separ" id="separ" />
      <input type="button" name="button2"id="button2" value="separar">
      <div id="div1">
      </div>
      <div id="div2">
      </div>
      </form>
      </section>

</body>

 

Onde esta o erro?

Compartilhar este post

Link para o post
Compartilhar em outros sites

FreitasMT    29

FreitasMT
Postado

Eai meu bom beleza?

 

então aí depende muito.....

 

da forma que você fez não existe um padrão, na verdade como você quer dividir a sua palavra casa? por silaba? se sim seria uma funcao bem mais complicadinha.

 

Bom de qualquer forma afim de que você veja algo parecido e tenha uma noção eu fiz duas funções uma que divide a palavra no meio, (ou tenta) e a outra que quebra a palavra pelo delimitador.

 

A função split que voce utilizou so quebra as palavras por delimitador e gera um array

 

por exemplo pra separar a palavra casa utilizando split você deveria escrever a palavra casa desta forma : "ca,sa" em que a virgula é o separador assim acabaria gerando o seguinte array

 

["ca", "sa"]

 

bom de qualquer forma segue o codigo dá uma olhada e ve o que aproveita:

 

<script type="text/javascript">
	function separaTexto(texto){
		if(texto.length >1) // só faz algo se o texto tiver ao menos uma letra
		{
			var metade =  texto.length / 2;
			document.getElementById("div1").innerHTML=texto.substr(0, metade); // adicionando primeira silaba na primeira caixa
			document.getElementById("div2").innerHTML=texto.substr(metade, texto.length); // adicionando segunda silaba na segunda caixa
		}
	}
	
	function quebraTexto(texto, separador){
		var novoArrayTexto = texto.split(separador); // agora a palavra foi divida em varias partes e formado um array
		
		for(var chave in novoArrayTexto){
			alert(novoArrayTexto[chave]);
		}
		
	}

	window.onload=function(){
		// depois de carregada a pagina ficar escutando pra ver se alguem clica no botao "separar"
		document.getElementById("separar").onclick=function(){
			
			var textoDigitado = document.getElementById("texto"); // pegando valor digitado pelo usuário
			separaTexto(textoDigitado.value);// chamando a funcao que separa a palavra em duas passando o valor digitado pelo usuário
			quebraTexto(textoDigitado.value, ","); // quebrando a palavra em varias partes por um separador predefinido
		};
	}
</script>

<body>
	<section>
		<p>Separar</p>
		<input type="text" name="texto" id="texto" />
		<input type="button"  id="separar" value="separar">
		<div id="div1"></div>
		<div id="div2"></div>
	</section>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito