1

Gostaria de trocar a posição de uma palavra no interior de um detrminado texto usando javascript.

<form>
  <p> Este é o paragrafo, esta é <strong>palavra</strong> a ser movida </p>
  <span>Troque aqui a posicao da <strong>palavra</strong>no texto : </span>
  <input type="range">
</form>

2 Respostas 2

1

Aqui esta uma versao mais elaborada fazendo uso do input[type=range]

document.getElementById('posicao').addEventListener("input", function() {
  var posicao = this.value; //guarda a posicao do input
  var palavra = document.querySelector('p strong').innerText; // busca a palavra que esta no <strong>
  var texto = document.querySelector('p').innerText.replace(palavra, ''); //remove a palavra do texto
  var pos = Math.floor((posicao*texto.length)/100); //define a nova posicao da palavra, quase como a regras dos 3 simples
  document.getElementById('novo_texto').innerHTML=texto.slice(0,pos)+' <strong>'+palavra+'</strong> '+texto.slice(pos); // insere a palavra no texto
});
<p> Este é o paragrafo, esta é <strong>palavra</strong> a ser movida </p>
<input type="range" id="posicao">
<p id="novo_texto"></p>

Boa Sorte!

1
  • 1
    Valeu papai !!!
    – PululuK
    Commented 30/01/2017 às 8:06
0

Guarde o texto numa váriavel

var txt = "Este é o paragrafo, esta é **palavra** a ser movida"

Guarde a palavra numa variável

var word = "palavra"

Depois de seleccionar a posiçãovar pos Faz:

var novotxt=[t.slice(0,pos), word, t.slice(pos)].join(" ")

Aqui divide-se o texto em duas partes, e coloca-se a palavra desejada na posição escolhida. Esses "pedaços" de texto ficam no array, e logo faz-se join() para compor o novotxt

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .