Xulla JS

ÍNDEX

CONTROLS BÀSICS DE PROGRAMACIÓ

Escriure en pantalla

Comentaris

Variables

Tipus de variables

Demanar dades a l'usuari

Convertir text a número

Operadors

Comparadors

Operacions amb text

Estructures condicionals

Agafar element HTML per el seu ID

Canviar contingut d'elements HTML

CONTROLS BÀSICS DE PROGRAMACIÓ

Escriure en pantalla

document.write('hola');

document.write('<br>'); //<br> es un salt de linia

document.write('<h1>Titol 1</h1>');

document.write('hola', 'adeu', '<br>');

var numero = 33;

document.write('hola ', numero, '<br>');

Comentaris

// Comentari d'una linia

Comentari

de varies linies

Variables

//Definir la variable (var + nom)

var numero1;

var nom;

var número; //MAL, no pot tindre accents

var nom i cognom; //MAL, no pot tindre espais

var nom_i_cognom; //Sense espais i sense caràcters especials

Tipus de variables

// Text, sempre entre cometes simples o dobles

nom = 'Vicent';

cognom = "Forner";

text = "Apunta't"; //Si utilitze una cometa simple al text, utilitzaré dobles cometes

// Números

edat = 16;

any = 2022;

preu = 3.34; //sempre amb punt, mai coma

// Booleà: verdader o fals

es_major_edat = true;

pot_comprar = false;

Demanar dades a l'usuari

//EL PROMPT SEMPRE GUARDA TEXT, MAI NÚMEROS

var nom;

nom = prompt('Dis-me el teu nom');

var cognom;

cognom = prompt('Dis-me el teu cognom');

Convertir text a número

//Amb parseInt(text) passarem a número

var text = prompt('Dis-me un número');

var numero = parseInt(text);

var numero2 = prompt('Dis-me un número);

numero 2 = parseInt(numero2); //Convertim la mateixa variable

Operadors

var suma = num1 + num2; //Suma

var resta = num1 - num2; //Resta

var mult = num1 * num2; //Multiplicació

var div = num1 / num2; //Divisió

var residu = num1 % num2; //Residu de la divisió

var pot = num1 ** num2; //Potència, num1 elevat a num2

Comparadors

//Aquests guardaran true o false depenent de la condició

var iguals = num1 == num2; //Igual (==)

var diferents = num1 != num2; //Diferent (!=)

var menor = num1 < num2; //Menor (<)

var major = num1 > num2; //Major (>)

var menor_igual = num1 <= num2; //Menor o igual (<=)

var mejor_igual = num1 >= num2; //Major o igual (>=)

//Per unir condicions tenim i i o

//I (and) --> les dos condicions s'han de complir

var condicions_i = num1 > num2 && num 1 < num3;

//O (or) --> s'ha de complir una de les condicions

var condicions_o = num1 == num2 || num1 == num3;

Operacions amb text

//Longitud

var longitud = text.length;

//Recollir la posició d'una lletra en un text

var posicio_a = text.indexOf('a');

//Saber si un text inclou o no una lletra

var inclou_e = text.includes('e');

//Recollir la lletra d'una posició concreta (sempre comença per 0)

var lletra_de_0 = text.charAt(0);

var lletra_de_3 = text.charAt(0);

var posicio = 7;

var lletra_de_posicio = text.charAt(posicio);

var ultima_lletra = text.charAt(text.length - 1);

//Agafar una part d'un text amb substring(inici, final)

//Sinó s'indica el final agafa el que queda de text

var text = 'Hola sóc Vicent';

var part1 = text.substring(0, 4); //Hola

var part2 = text.substring(5, 8); //sóc

var part3 = text.substring(9); //Vicent

var pos1 = 2;

var pos2 = 10;

var part_posicions = text.substring(pos1, pos2); //la sóc V

Estructures condicionals

//Condició simple

if(num1 == num2) {

document.write('Els números són iguals');

}

//Condició doble

if(num1 == num2) {

document.write('Els números són iguals');

} else {

document.write('Els números són diferents');

}

//Condició múltiple

if(nota < 5) {

document.write('Suspés');

} else if(nota < 7) {

document.write('Bé');

} else if(nota < 9) {

document.write('Notable');

} else {

document.write('Sobresalient');

}

Bucles WHILE

//Repetir mentre es complisca la condició

var contador = 0;

while(contador < 10) {

document.write('Contador: ', contador, '<br>');

contador++; //incrementem el contador

}

MOSTRARÀ

Contador: 0

Contador: 1

Contador: 2

Contador: 3

Contador: 4

Contador: 5

Contador: 6

Contador: 7

Contador: 8

Contador: 9

//Repetir mentre es complisca la condició

var text = 'Hola';

var posicio = 0;

while(posicio < text.length) {

document.write('La posició és: ', posicio, ' --> ');

document.write(text.charAt(posicio), '<br>');

posicio++;

}

MOSTRARÀ

La posició és: 0 --> H

La posició és: 1 --> o

La posició és: 2 --> l

La posició és: 3 --> a

Bucles FOR

//Repetir depenent d'una variable

for(var i = 0; i < 10; i++) {

document.write('Contador: ', i, '<br>');

}

MOSTRARÀ

Contador: 0

Contador: 1

Contador: 2

Contador: 3

Contador: 4

Contador: 5

Contador: 6

Contador: 7

Contador: 8

Contador: 9

//Repetir depenent d'una variable

var text = 'Hola';

for(var i = 0; i < text.length; i++) {

document.write('La posició és: ', i, ' --> ');

document.write(text.charAt(i), '<br>');

}

MOSTRARÀ

La posició és: 0 --> H

La posició és: 1 --> o

La posició és: 2 --> l

La posició és: 3 --> a

Funcions

//Serveixen per agrupar instruccions baix un nom

Llistes i matrius

Diccionaris

INTERACCIÓ AMB HTML

Agafar element HTML per el seu ID

Canviar contingut d'elements HTML

Page updated

Google Sites

Report abuse