Ir para conteúdo

Arquivado

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

RafaelLeggiero

Metodo Split

Recommended Posts

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


function separa(){

...

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

...

}

Compartilhar este post


Link para o post
Compartilhar em outros sites
function separa(){
...
    div.innerHTML += texto.split(' ').join('<br>')+'<br>';
...
}

 

 

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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