Juntar dues cadenes: cadena = “a” + “a” //cadena=”aa”
Salt de línia a html “<br>”, salt de línia a javascript \n.

Exercici 1:
Cadenes de caracters. construcció d’strings.
1) Segueix el procediment per crear un programa que dibuixi la següent cadena de caràcters:
####
####
####
####
2) Implementa el programa amb javascript.

Exercici 2:
Construcció de cadenes usant bucles i condicionals.
Ara imagina que volem crear un programa que resolgui mitjançant un número qualsevol el problema, és a dir, que si volem que el quadrat sigui de 8 files amb els caràcters “####” o volem que sigui de 3 files x”####” ho poguem resoldre amb la mateixa solució.
Aquí ens hem de fixar amb una cosa MOLT IMPORTANT aquest problema és FER UNA CADENA QUE DIBUIXA UN QUADRAT, i no és PINTAR UN QUADRAT, és FER UNA CADENA de la mida demanada.

Solucions exercicis 1 i 2:

See the Pen exercicisJavascript1 by PereAntoni (@pereantoni) on CodePen.

Exercici 3:
En aquest tercer exercici volem que el programa realitzi un quadrat de mida x. O sigui que les files tendran x símbols i serà de x columnes.

Exercici 5:
Volem que l’usuari ens digui quin és el nombre de quadrats que vol que pinti el programa. També volem que controli si l’usuari ha realitzat una entrada correcta.

Exercici 6:
Aquest exercici segueix l’esquema que l’exercici 2 on l’usuari dona el nombre de repeticions que ha de fer el bucle de l’algoritme.

1. Que l’usuari ens digui quin és el nombre de línies que vol que escrigui el programa.
2. L’usuari ha de posar quina és la cadena que volem que es repeteixi.

“Per exemple:
l’usuari entra la cadena “repeteix” i 5 de número de repeticions, el programa ha de retornar:
repeteix
repeteix
repeteix
repeteix“

• Pases per fer la implementació:
  1. L’algoritme és molt semblant als anteriors, sols canvia que ara ha d’agafar la cadena que ens doni l’usuari (abans sempre era “####”). Feis un estudi del que ha de canviar. Després, seguint les pases, ho implementau.
  2. Implementació HTML.
     1. Feim el titular per el nou exercici i afegim dins un paràgraf un poc de descripció.
     2. Hem de posar dos inputs amb un identificador cada un:
        • per entrar la cadena
          <input id="idCadenaExercici6">
        • per entrar el nombre de repeticions (podeu provar de maquetar per tal que sigui entrada numèrica, ho deix per voltros, per desprès, ara pot quedar així)
          <input id="idRepetionsExercici6">
     3. Hem de posar el boto que cridarà la funció exercici6.
        <button onclick="exercici6()">exercici6</button>
  3. Implementació Javascript:
     1. Cream la funció exercici6().
        function exercici6(){alert ("prova");}
     2. Pitjam el boto d’exercici6 i miram si ens surt l’alert. Sino surt no pasam a la pròxima pasa, tenim alguna cosa malament.
     3. Molt bé, si ets aquí vol dir que funciona alguna cosa.
     4. Ara ens toca agafar les dades que són a l’HTML, al principi de l’algoritme afegim la declaració de les variables i feim que agafi els valors.
        let repeticions = document.getElementById("idRepeticionsExercici6").value;
let cadena = document.getElementById("idCadenaExercici6").value;
     5. Feim la comprovació de que entren les dades correctament afegint un alert:
        alert("Hem de repetir la cadena " + cadena + ", " + repeticions + " vegades");
     6. Si ens funciona podem seguir.
     7. Ara ens toca fer el bucle de repeticions, necessitam tenir una variable que ens controli les voltes que anam fent, afegim la variable i (de index).
        let i=0;
     8. Afegim el bucle:
        while (i<repeticions){
resultat = resultat + cadena + "\n"; //ens afegeix la cadena i un intro (\n) al resultat.
i++;
}
     9. Al final del codi hem de posar l’alert que ens mostra el resultat:
        alert(resultat);

Exercici 7:
Hem de dissenyar una funció que agafi dos nombres i un interval, i amb ells ha de retornar un nombre.

Exercici 8 Anàlisi d’algoritmes:

El següent codi conté dos exercicis on heu d’analitzar el codi. Els podeu visualitzar dins el vostre codepen.

See the Pen analisi algoritmes by PereAntoni (@pereantoni) on CodePen.

solució exercicis

Exercici 9 Anàlisi Algoritmes:

(fulla sencera per visualitzar o imprimir) – > aquí

Analitza cada un dels següents algoritmes amb els valors dels casos d’estudi i determina el resultat de l’alert o del return corresponent.

function calcula0(a,b){

//cas 1: valors entrada a=0, b=8

//cas 2: valors entrada a=7, b=0

let c=a+b;

if (c>8)    {return c;}

else        {return a;}

}

function calcula1(){

  //cas 1: let a=[1,5,6,3];

  //cas 2: let a=[3,5]

  let x=0;

  let resultat=0;

  while (x < a.length)

{resultat = resultat + a[x];

         x++;}

  return resultat;

}

function calcula2(){

  //cas 1: let a=[1,5,6,3];

  //cas 2: let a=[3,5];

  let x=0;

  let resultat=0; 

  while (x < a.length)

    {if (a[x]<4){

resultat = resultat + a[x];}

      x++;}

return resultat;

}

function calcula3(paraula){

//cas 1: paraula=”cocodril”

//cas 2 paraula=”serp aigua”

if (paraula.length>8){

return “sobren lletres”;}

else {return paraula;}}

Per els següents algoritmes els casos d’estudi són:
//cas1 variableArray=[“agró”,”ferreret”, ”milana”,”mart”];

//cas2 variableArray=[“mart”,”ferreret”, ”milana”];

function calcula6(variableArray){
variableArray.push(“mostel”);

if (variableArray.length>3)

{

variableArray.push(“mostel”);

variableArray.pop();

return(variableArray[3]);}

else {return variableArray[0];}

}

function calcula7(){

let a=12;

return “final”;

if (a==12){return “principi”;}

}

function calcula8(variableArray){

let a=12;

return variableArray[0] + a;

}

function calcula9(variableArray){

let a=”animal: ”;

return a.concat(variableArray[2]);

}

function calcula10(variableArray){

let b = variableArray[1].toUpperCase();

return b;

}

function calcula11(){

let paraula=”lletra”;

return paraula.charAt(2);}

function calcula11(variableArray){

return variableArray[2].concat(“ vola fina”);

}

function calcula12(variableArray){

return variableArray[].charAt(0);

}

function calcula13(){

let paraula=”licàntrop”;

return paraula.indexOf(“tr”);

}

function calcula13(variableArray){

let paraula=variableArray[0];

return paraula.indexOf(“r”);

}

function calcula14(variableArray){

return variableArray.join(“, “);

}

function calcula15(variableArray){

return variableArray.shift();

}

function calcula16(variableArray){

let a=’’;

variableArray.reverse();

a=variableArray[0].toUpperCase();

return a;

}

function calcula17(){

let a=”esclatassang”;

return a.subString(8); 

}

function calcula18(){

let a=”esclatassang”;

return a.subString(2); 

}

function calcula4(variableArray){

if (variableArray.length>3)

{return(variableArray[3]);}

else     {return variableArray[0];}

}

function calcula5(variableArray){

if (variableArray.length>3)

{variableArray.pop();

return(variableArray[3]);}

else {return variableArray[0];}

}

function calcula6(variableArray){

if (variableArray.length>3)

{variableArray.push(“pop”);

variableArray.pop();

return(variableArray[3]);}

else

{variableArray.push(“sipia”);

return variableArray[0];}

}