Mudar palavra com javascript a partir de um input?

Carambel · 23/06/2017

Hola como estan disculpen la molestia, no se programar en javascript cosa q me complica mucho por mas simple q sea hacer esto, les explico mi problema.

Tengo este código perfecto, cambia la palabra por otra, lo que necesito es que solamente la palabra AZUL, sea extraido desde un input.

<input type="text" id="extraer" value="AZUL"/> (COSA QUE PUEDO CAMBIARLO SIN NESESIDAD EDITAR EL CODIGO MANUALMENTE.

----------------------------------------------------------------------------------------------------
<p id="demo">Mr Blue has a AZUL house and a AZUL car.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
var str = document.getElementById("demo").innerHTML;
var res = str.replace(/AZUL/g, "ROJO"); // Cambiar Azul por variable que extraiga dato del input Id Extraer.
document.getElementById("demo").innerHTML = res;
}
</script>

Cazamitos · 23/06/2017

con Jquery:
var palabra = $("#extraer").val();

edalex · 23/06/2017

document.getElementById("extraer").value = res.

Saluedos

YeltsinReyes · 24/06/2017

[MENTION=47248]Carambel[/MENTION] prueba con esto!

PHP:

<script>
function myFunction() {
   var input = document.getElementById('extraer').value;
   var str = document.getElementById("demo").innerHTML; 

   var res = str.replace('/'+input+'/g', 'ROJO');
   document.getElementById('demo').innerHTML = res;
}
</script>

Mudar palavra com javascript a partir de um input?

Carambel

Cazamitos

edalex

YeltsinReyes

Tópicos similares