// Commentaires, Affichage, Concaténation

document.write("<h2>Commentaires, Affichage, Concaténation</h2>");

console.log("HELLO WORLD");
console.info("HELLO WORLD");

document.write("Bonjour "+"à "+"tous ");

document.write("<hr>");

document.write("<h2>Variable, Constante, type de donnée</h2>");

var maVariable = 1;
var monText = "Hello World";
var monTableau = [1,2,3];

var chiffre;
chiffre = 2;

var a,b,c;
var d = 5, e = 6, f = 7;

document.write(maVariable);

maVariable = 5;

document.write(maVariable);

var fruits = "pomme";
document.write(fruits);

fruits = fruits + "fraise";
fruits += "fraise";

document.write(fruits);

const MA_VARIABLE = 10;
document.write(MA_VARIABLE);

document.write(typeof maVariable);
document.write(typeof monText);
document.write(typeof monTableau);

//déclarer un contact, (nom prénom adresse numero de tel).
//Afficher une présentation de notre contact ainsi que le type de mes informations
document.write("<hr>");

document.write("<h2>Exercice Formulaire</h2>");

var userName = "Claudette";
var userSurname = "Moutard";
var userAdress = "14 Rues Du Chariot, 964785 Lombard, France";
var userPhone = 0648757458;

document.write("Prénom de l'utilisateur: " + userName + "<br />")
document.write("type de variable: " + typeof userName)
document.write("<br /> <br>" + "Nom de famille de l'utilisateur: " + userSurname + "<br />")
document.write("type de variable: " + typeof userSurname)
document.write("<br /><br>" + "Téléphone de l'utilisateur: " + userPhone + "<br />")
document.write("type de variable: " + typeof userPhone)
document.write("<br /><br>" + "Adresse de l'utilisateur: " + userAdress + "<br />")
document.write("type de variable: " + typeof userAdress)

//Opérateurs
function o(arg){
  document.write(arg + '<br>')
}

o("<h2>Operateurs</h2>")

var a = 10, b = 5, c = 8;
var resultat

resultat = a + b;
o(resultat);

resultat = a - b;
o(resultat);

resultat = a * b;
o(resultat);

resultat = a / b;
o(resultat);

var chiffre = 5;
chiffre += 13;
o(chiffre);

/*
> Strct Sup
< Strct Inf
>= Sup ou egal
<= Inf ou sup
= Affectation
== Comparaison de valeur
=== Comparaison de valeur et le type
!= diff de
*/

if(a > b){
  o("Oui a est plus grande que b")
}

if(a < c){
  o("a est plus petit que c")
} else{
    o("la condition est pas validé")
}

if(a > b && b > c){
  o("La condition est validé")
}else {
  o("la condition n'est pas validé")
}

if(a > b || b > c){
  o("La condition est validé")
}else {
  o("la condition n'est pas validé")
}

if(a == 8){
  o("a est égale à 8")
}
else if (a != 10) {
  o("a est différent de 10")
}
else {
  o("aucune des conditions n'est validé")
}

var vara = 1, varb= '1';
//vérifier dans un premier temps si les variables ont la même valeur.
//ensuite verifier si les variables on les même valeur ET le même type

if( vara == varb){
  o("Vara et Varb on la même valeur");
}else {
  o("Vara et Varb on pas la même valeur");
};

if( vara === varb){
  o("Vara et Varb on la même valeur et son du même type");
}else {
  o("Vara et Varb sont pas du même type");
};

var voiture = "bmw";
o((voiture == "bmw") ? "oui" : "non");

//Demander si varb n'est pas un nombre

if(!isNaN(varb)){
  o("varb n'est pas un nombre");
};

var couleur = "jaune";
switch(couleur){
  case "rouge":
    o("j'aime le rouge");
    break;
  case "bleu":
    o("j'aime le bleu");
  break;
  case "jaune":
    o("j'aime le jaune");
  break;
  case "vert":
    o("j'aime le vert");
  break;
  default:
    o("vous n'aimez rien du tout ");
  break;
}

//Exercice

var anima = "chien";
var animb = "chat";
switch(anima){
  case "chien":
    o("ouaf-ouaf");
    break;
  case "chat":
    o("miaou-miaou");
  break;
  default:
    o("meuh");
  break;
}
switch(animb){
  case "chien":
    o("ouaf-ouaf");
    break;
  case "chat":
    o("miaou-miaou");
  break;
  default:
    o("meuh");
  break;
}

if( anima === animb){
  o("Les deux variables sont pas des animaux");
}else {
  o("Les deux variables sont des animaux");
}


o("<br><h2>Exercice</h2>")
//Exercie: déclarer 3 variables a b et c, a=22, b=48, c="cinq",
//après avoir verifier le type de mes variables, affichez si celles-ci sont une chaine de charactères.
var a = 22;
var b = '48';
var c = "cinq";

o("La variable a est de type: " + typeof a);
o("La variable a est de type: " + typeof b);
o("La variable a est de type: " + typeof c);
o("<br>")

if (typeof a === 'string') o("a est une chaine de caractères")
if (typeof b === 'string') o("b est une chaine de caractères")
if (typeof c === 'string') o("c est une chaine de caractères")

o("<h2>Les boucles</h2>")

var boucle = 10;
for (var i = 0; i <= boucle; i++) {
  o("Salut " + i);
}

o("<hr>");

var j = 0;
while (j < boucle) {
  o("Salut " + j);
  j++;
}

o("<hr>")

var k = 0;

do {
  o("salut " + k);
  k++;
} while (k < boucle);

o("<hr>")
o("<h2>Decrémentation</h2>")

var j = 0;
while (j < boucle) {
  o("Salut " + boucle);
  boucle--;
}

o("<hr>")
o("<h2>Les fonctions (utilisateurs er prédefinies</h2>")

var phrase = "bonsoir";
o(phrase);
o(phrase.toUpperCase());

function afficher(){
  o("Hello World");
}

afficher();

var maFonction = function(){
  o("Vive la Hollande :D ")
}

maFonction();


//IIFE Immediatly Invoked Functions Expressions
(function(){
  o("fontion auto execute sans besoin d'etre appelé");
})();

(function(){
  o("fontion2 auto execute sans besoin d'etre appelé");
})();

(function(){
  o("fontion3 auto execute sans besoin d'etre appelé");
})();

o("<hr>")

//Exercice ecrire une fonction de calcule qui renvoies l'addition de 2  nombres

function calculate(x,y){
  var result;
  return result = x+y;
}


/*do{
  var x = parseInt(prompt("veuillez saisir un nombre x"));
  var y = parseInt(prompt("veuillez saisir un nombre y"));
}while(isNaN(x) || isNaN(y));
alert(calculate(x,y));
*/

var w = 69;
function test(){
  var v = 38;
  o(w);
  o(v);
}

o(w);

o("<hr>")
o("<h2>Les Array (tableau)</h2>")

var list_fruits = ["banane", "fraise", "poire", "pêche", "banane", "fraise", "poire", "pêche", "banane", "fraise", "poire", "pêche"];
console.log(list_fruits);

o(list_fruits.join());
for (var h = 0; h < list_fruits.length; h++){
  o(list_fruits[h]);
}

o("<hr>");

for (var i = 0; i < list_fruits.length; i++) {
  if (list_fruits[i] == "pêche"){
    o(list_fruits[i]);
  }
}
o("<br>");

var list_fruits2 = [[1,2,3,4],["jean", "pierre", "rachide", "booba"]];
console.log(list_fruits2);
/*
o(list_fruits2[1][1]);
o(list_fruits2[0][3]);
*/

for (var i = 0; i < list_fruits2.length; i++){
  for (var k = 0; k < list_fruits2[i].length; k++) {
    o(list_fruits2[i][k]);
  }
}

o("<br>");


o("<hr>");
o("<h2>Les objets</h2>");

var monObj = {};
monObj.prenom = "Henri";
monObj.nom = "Claude";
monObj.age = 46;

o(monObj.prenom);

var Homme = {
  nom: "Winter",
  prenom: "Tom",
  age: 25
}

o(Homme.nom + Homme.prenom + Homme.age);

var Voiture = {
  marque: "Mercedes",
  model: "Class A",
  couleur: "noir",
  changerCouleur: function(nouvelle){
    return this.couleur = nouvelle;
    //Voiture.couleur = nouvelle
  },
  optionsSerie: ["autoradio", "clim", "park-assist"],
  motorisation: {
    enegie: "diesel",
    puissance: "180cv"
  }
}
o(Voiture.couleur); //Noir
Voiture.changerCouleur("blanc");
o(Voiture.model + Voiture.optionsSerie[1] + Voiture.motorisation.puissance);
o(Voiture.couleur);

for(var element in Voiture){
  o(element + ' : ' + Voiture[element]);
}