Ir para conteúdo

POWERED BY:

Arquivado

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

RafaelLeggiero

Metodo Split

Por , em Javascript

Recommended Posts

RafaelLeggiero    1

RafaelLeggiero
Postado

Bom dia,

Estou criando um formulário em javascript com as seguintes funções,

Tenho 2 botoes, MAIUSCULO que quando clicado pega as palavras digitadas

na caixa de texto e repassa ela para uma div toda em maiúsculo, e tenho também

um botão chamado SEPARAR que quando clicado pega diversas palavras digitadas na caixa

e exibe elas uma em baixo da outra. Meu problema começa ai, utilizei o SPLIT para que faça a separação das palavras porém

jogá-las na DIV ela apenas são exibidas uma ao lado da outra separadas por virgula. Abaixo deixo o código para examinarem

Função split

function separa(){
var texto = document.getElementById("caixa").value;
var div = document.getElementById("historico");

div.innerHTML += texto.split(' ')+"<br/>";

}
_________________
ONLOAD FUNCTION
window.onload=function(){
var btn1=document.getElementById("maiuscula");
btn1.addEventListener("click",maiusculo,false);
var btn2=document.getElementById("separar");
btn2.addEventListener("click",separa,false);
}
_______________________________________________
HTML
<body>
<form>

 Texto: <input id='caixa'><br>
   <input type="button" name="maiuscula" id="maiuscula" value="Maiúscula">
    <input type="button" name="separar" id="separar" value="Separar">
 
</form> 

 <h3> Histórico das Atividades:</h3>
    <div id="historico"></div>   
</body>
Desde já agradeço a ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado 




function separa(){



...



    div.innerHTML += texto.split(' ').join('<br>')+'<br>';



...



}







			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Evandro Oliveira
			  

	
		
	
			 331
	
		
	

		

		

			


	
		Evandro Oliveira
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

function separa(){
...
    div.innerHTML += texto.split(' ').join('<br>')+'<br>';
...
}



 


 


texto.replace(" ", "<br />");



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
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