const droitAcces = true;
const prenom = 'Ludovic';

if (droitAcces) {
    console.log('Welcome ' + prenom + ' entre dans la danse avec oam  🧕');
} else {
    console.log('Entre pas ça va pas être possible 🤣');
}

function test() {
    alert('Bonjour 🤷‍♂️ 👀');
}

function test1() {
    alert('A plus 🙋‍♀ 👀');
}

function test2() {
    document.getElementById("alert").innerHTML =
        `
    <div class="alert alert-danger" role="alert">
    🖕🏻
    </div>
   `;
}

const number = "123";
const parsed = parseInt(number);

console.log(parsed + 1); // 124
console.log(number + 1); // 1231

let ouinon = 10;
while (ouinon > 0) {
    ouinon = ouinon - 1;
    console.log(ouinon); //ça va print un decompte de 40
}


// Liste
const prenoms = ['Bernard', 'Michel', 'Albert'];

console.log(prenoms[0]);

function radiosexe(prenoms) {
    console.log('Bonjour ' + prenoms + ' 🤑 😲 ☹️');
    console.log('Comment allez-vous ? 🤑 😲 ☹️');
    return "Coucou " + prenoms;
}

radiosexe();


// Addition
function somme(x, y) {
    console.log(x - y);
}
const fonction = somme(1998, 2019);
console.log(fonction);

// ForEach

const liste = ['😜', '😡', '🤡', '🔥'];

liste.forEach(function (element) {
    console.log(element + "|" + "Hola muchachos");
});

// Objet
const personne = {
    nom: " Michel 👨‍",
    prenomm: " Platini 👩‍💻 👨‍💻",
    departement: 78,
    age: 23,
    coucou: function () {
        console.log("Hola! 👨‍🏭" + this.nom + this.prenomm);
    },
    nomcomplet: function () {
        return this.prenomm + this.nom;
    },
};

personne.coucou();
console.log(personne.nomcomplet());

//pour cloner l'objet

const bernard = Object.create(personne);
bernard.prenomm = " 👩‍🚒";
bernard.nom = " 🙅‍";

bernard.coucou();

//Login popup
document.getElementById('loginbtn').addEventListener('click', function() {
    document.querySelector('.bgdark').style.display = 'flex';
});

document.querySelector('#close').addEventListener('click', function(){
    document.querySelector('.bgdark').style.display = 'none';
});

//Anime js
anime({
    targets: '.login',
    direction: 'alternate',
    loop: true,
    duration: 5000,
    rotate: 1000,
});

anime({
    targets: 'svg',
    rotate: {
      value: 360,
      duration: 1800,
      easing: 'easeInOutSine'
    },
    scale: {
      value: 2,
      duration: 1600,
      delay: 800,
      easing: 'easeInOutQuart'
    },
    delay: 250,
    loop: true
 });