0

Se trata de una aplicación que estoy haciendo en Javascript, HTML y CSS. Para dibujar la interfaz, me he encontrado con el problema siguiente: Al crear un juego le paso como parámetros, un texto y un nombre, y para ese texto quiero sustituir todos los carácteres "$", por inputs, por ejemplo:

El perro $ quería comer $ pero no había pienso suficiente.

Sería sustituir los caracteres $ por inputs. He probado primeramente a sustituir por otro tipo de carácter, pero me sigue mostrando el texto tal cual.

function mostrarHuecos(textoEjercicio){
  $('#mostrarTexto').remove();
  if ($.cookie("pro")){
    var text=textoEjercicio;
    text.replace(/$/g,"__");
    var cadena = '<div id="mostrarTexto" class="caja" ><h4>'+ text + '</div>';
    $('#listaEjercicios').append(cadena);
  }
}

La idea sería, sustituirlo por los inputs que ya he comentado.

2 respuestas 2

1

function mostrarHuecos(textoEjercicio) {
  $('#mostrarTexto').remove();
  if ($.cookie("pro")) {
    var text = textoEjercicio;
    text.innerHTML = text.replace(/$/g, "__");
    var cadena = '<div id="mostrarTexto" class="caja" ><h4>' + text + '</div>';
    $('#listaEjercicios').append(cadena);
  }
}

La función replace() te devuelve un string, no te actualiza el valor del elemento, tienes que cambiarlo con alguna función como innerHTML ó $(elemento).html().

2
  • Vale, me ha funcionado simplemente igualando text = text.replace(/$/g, "__"), no me di cuenta que así solo devolvía el string. Ahora, para sustituirlo por un input, ¿se puede con replace también?. Muchas gracias por cierto Commented el 3 mar. 2019 a las 12:20
  • En este caso te funciona porque estas haciendo un append, si vas a cambiar directamente un elemento HTML tendrás que usar esas funciones o sino te lo cambiará como texto. Sí, te debería funcionar igual poniendo un input.
    – Tiberius
    Commented el 3 mar. 2019 a las 12:25
1

Ya está solucionado, para el que le interesara sería así:

function mostrarHuecos(textoEjercicio){
  $('#mostrarTexto').remove();
  if ($.cookie("pro")){
    var text=textoEjercicio;
    var input = '<input type="text" style="width: 55px;">'
    text = text.replace(/@/g, input);
    var cadena = '<div id="mostrarTexto" class="caja" ><h4>'+ text + '</div>';
    $('#listaEjercicios').append(cadena);
  }
}

Lo he hecho finalmente con el caracter @, porque no me dejaba hacerlo correctamente con el $.

2
  • Mételo dentro de corchetes y te dejará text.replace(/[$]/g, input);
    – Tiberius
    Commented el 3 mar. 2019 a las 13:11
  • Vale, muchas gracias por la ayuda, es así Commented el 4 mar. 2019 a las 15:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.