0

Tengo este codigo que me pide la cadena y no entiendo el porque solo me devuelve la misma cadena que he escrito y una sola vez.

He puesto un getElementById que hace referencia al <p> que tiene el id resultat.
Luego he utilizado el toUpperCase y el toLowerCase para que el string se haga en minusculas y mayusculas y luego he hecho la function para invertir la cadena con una variable que guarda el string y un for con la variable inversor que es igual al length de la cadena introducida, y que se vaya restando uno cada vez que el bucle se vaya acabando hasta que llegue a 0 donde ya estará todo invertido.

let cadenaDeText = prompt("Introdueix una cadena de text per tornarla al contrari,en mayuscules y misucules")
mayuscules();
minuscules();
invertString();



function mayuscules() {
  let strMayus = cadenaDeText.toUpperCase();
  document.getElementById("resultat").innerHTML = strMayus;

}


function minuscules() {
  let strMinus = cadenaDeText.toLowerCase();
  document.getElementById("resultat").innerHTML = strMinus;

}


function invertString() {
  let strInvert = "";

  for (let inversor = cadenaDeText.length - 1; inversor >= 0; inversor--) {
    strInvert += cadenaDeText[inversor]
  }
  document.getElementById("resultat").innerHTML = strInvert;


}
<p id="resultat"></p>

6
  • Hola Miguel, la idea es que en el <p> aparezca 3 veces la cadena, en minusculas, mayusculas e invertida, correcto?
    – Marcos
    Commented el 15 feb. a las 15:37
  • Hola si efectivamente, tiene que salir tres veces da igual el orden de estos.
    – Miguel M
    Commented el 15 feb. a las 16:06
  • No entiendo, el codigo emite un error debido a que la variable strMinus solo tiene alcance dentro de la función minuscules() y tu la estas intentando utilizar dentro de invertString()
    – Jimmy
    Commented el 15 feb. a las 16:09
  • Ostras eso ha sido fallo del copy-paste quería poner la variable strInvert, el problema es que ahora solo se imprime la cadena invertida, pero no se imprime ni la cadena en mayúsculas ni en minúsculas.
    – Miguel M
    Commented el 15 feb. a las 16:14
  • Bro, estas haciendo el cambio sobre el mismo elemento html, en realidad si esta cambiando tu cadena para lo hace tan rapido como una computadora que solo estas viendo el ultimo resultado de la ultima función a ejecutar que es invertString(), ahora publico la respuesta
    – Jimmy
    Commented el 15 feb. a las 16:17

2 respuestas 2

2

El problema es que no estas concatenando el valor de la etiqueta <p> sino que la estas reemplazando en cada ejecución de tu función, el código debería quedar así

let cadenaDeText = prompt("Introdueix una cadena de text per tornarla al contrari,en mayuscules y misucules");

//Declaramos una variable apunto al elemento html y ya no es necesario estar obteniendolo en cada función
let caja = document.getElementById("resultat");

mayuscules();
minuscules();
invertString();

/*

Fijate que en cada innerHTML, reemplazamos el simbolo "=" por "+=" que se refire a la concatenación,
quiere decir que al contenido que tiene la etiqueta p, le vamos a agregar una nueva cadena.

*/

function mayuscules() {
  let strMayus = cadenaDeText.toUpperCase();
  caja.innerHTML += strMayus+" " ;

}


function minuscules() {
  let strMinus = cadenaDeText.toLowerCase();
  caja.innerHTML += strMinus+" ";

}


function invertString() {
  let strInvert = "";

  for (let inversor = cadenaDeText.length - 1; inversor >= 0; inversor--) {
    strInvert += cadenaDeText[inversor]
  }
  caja.innerHTML += strInvert;


}
<p id="resultat"></p>

1
  • Muchisimas gracias me has resuelto bastantes dudas de como concatenar correctamente.
    – Miguel M
    Commented el 15 feb. a las 16:32
0

El detalle es que es que sobrescribes la plantilla <p> cada que llamas tus funciones, se puede solucionar concatenando los resultados a una variable después de llamar a cada función.

let cadenaDeText = prompt("Introdueix una cadena de text per tornar-la al contrari, en majúscules i minúscules");
let resultado = ""; //Agregamos la variable resultado

  mayuscules();
  minuscules();
  invertString();

  function mayuscules() {
    let strMayus = cadenaDeText.toUpperCase();
    resultado += "<p>" + strMayus + "</p>"
  }

  function minuscules() {
    let strMinus = cadenaDeText.toLowerCase();
    resultado += "<p>" + strMinus + "</p>";
  }

  function invertString() {
    let strInvert = "";
    for (let inversor = cadenaDeText.length - 1; inversor >= 0; inversor--) {
      strInvert += cadenaDeText[inversor];
    }
    resultado += "<p>" + strInvert + "</p>";
  }

  document.getElementById("resultat").innerHTML = resultado; //Actaulizamos el contenido HTML con el id de resultat con el valor de la variable resultado
<p id="resultat"></p>

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.