101 lines
2.7 KiB
JavaScript
101 lines
2.7 KiB
JavaScript
// variables
|
|
|
|
// qui contiennent des nombre (valeurs numériques)
|
|
var lapremierevariabledemaviewouahou = 2;
|
|
console.log('lapremierevariabledemaviewouahou 1 = ', lapremierevariabledemaviewouahou);
|
|
var b = 3;
|
|
|
|
// des operation avec des variables
|
|
var y = lapremierevariabledemaviewouahou*5 + b;
|
|
console.log('y = ', y);
|
|
|
|
lapremierevariabledemaviewouahou = 6;
|
|
console.log('lapremierevariabledemaviewouahou 2 = ', lapremierevariabledemaviewouahou);
|
|
|
|
// qui contiennent du texte (chaine de charactères)
|
|
var monpremiertextstockedansunevariablemaisnon="a ouai ! :/"
|
|
console.log('monpremiertextstockedansunevariablemaisnon', monpremiertextstockedansunevariablemaisnon);
|
|
|
|
var autretext = "meme pas en reve";
|
|
|
|
// concatenation
|
|
var untruc = monpremiertextstockedansunevariablemaisnon + " | " + 2 + " | " + autretext;
|
|
console.log('untruc : ', untruc);
|
|
|
|
// tableau
|
|
var mon_premier_tableau = [2,5,9,10,534,-23,67];
|
|
console.log("mon_premier_tableau: ", mon_premier_tableau);
|
|
|
|
var montableau_melange = [2, "prout", untruc, mon_premier_tableau];
|
|
console.log("montableau_melange", montableau_melange);
|
|
|
|
// acceder a une valeur de tableau
|
|
var une_valeur_de_tableau = montableau_melange[1];
|
|
console.log("une_valeur_de_tableau", une_valeur_de_tableau);
|
|
console.log("montableau_melange[3][2]", montableau_melange[3][2]);
|
|
|
|
// object
|
|
var mon_premier_objet = {
|
|
"nom": "machin",
|
|
"age":18,
|
|
"genre":"x",
|
|
"taille": 180,
|
|
"scores":[20,34,17],
|
|
"potes": {
|
|
"nom": "truc",
|
|
"age":22,
|
|
"genre": "m",
|
|
"taille": 178,
|
|
}
|
|
}
|
|
|
|
console.log("mon_premier_objet", mon_premier_objet);
|
|
console.log("l'age de pote de machin", mon_premier_objet.potes.age);
|
|
|
|
// les boucles (loop)
|
|
|
|
// pour chaque clef dans objet
|
|
for (let key in mon_premier_objet) {
|
|
console.log(key, mon_premier_objet[key]);
|
|
}
|
|
|
|
// index ++
|
|
// index += 1
|
|
// index = index + 1
|
|
|
|
for (let i = 0; i < montableau_melange.length; i++) {
|
|
console.log('i = ', i, "valeur = ", montableau_melange[i]);
|
|
}
|
|
|
|
|
|
let montableauremplisenboucle = [];
|
|
for (let k = 100; k > 10; k = k * 0.5) {
|
|
console.log('k = ', k);
|
|
montableauremplisenboucle.push(k);
|
|
}
|
|
console.log("montableauremplisenboucle", montableauremplisenboucle);
|
|
|
|
let lespointsdemadroite = [];
|
|
let a = -2 + Math.random()*4;
|
|
b = 0;
|
|
for (let x = -500; x < 500; x+=10) {
|
|
let point = {
|
|
'x': x,
|
|
// 'y': a * x + b
|
|
'y': Math.sin(x) *3
|
|
}
|
|
lespointsdemadroite.push(point);
|
|
}
|
|
console.log("lespointsdemadroite", lespointsdemadroite);
|
|
|
|
let win_w = document.body.offsetWidth;
|
|
let win_h = document.body.offsetHeight;
|
|
lespointsdemadroite.forEach(point => {
|
|
let htmlpoint = document.createElement('div');
|
|
htmlpoint.classList.add('point');
|
|
htmlpoint.style.top = win_h / 2 + -point.y+"px";
|
|
htmlpoint.style.left = win_w / 2 + point.x+"px";
|
|
|
|
document.body.append(htmlpoint);
|
|
|
|
}); |