diff --git a/assets/js/base.js b/assets/js/base.js new file mode 100644 index 0000000000000000000000000000000000000000..3fcf4cfa30098fc3cd11ef8f54b7dde6fae4a988 --- /dev/null +++ b/assets/js/base.js @@ -0,0 +1,50 @@ +// Variable +var variable = '' +const constante = '' +let variableScoped = '' + +// Types primaires +let string = '' +let number = 0 +let boolean = true + +let array = ['JohnDoe', 'JaneDoe'] +let object = { + username: '' +} + +// N.B. les tableaux et les objets sont passés par référence +const user = { + username: 'JohnDoe' +} +const user2 = user +user2.username = 'JaneDoe' + +console.log(user.username); + +// Solution +const user3 = {...user} +const array2 = [...array] + +// Fonctions +console.log(add(1, 2)); + +function add(nb1, nb2) { + return nb1 + nb2 +} + +// Fonction anonymes + +// Fonction anonyme simple +const add2 = function (nb1, nb2) { + return nb1 + nb2 +} + +// Fonction anonyme fléchée +const add3 = (nb1, nb2) => nb1 + nb2 + +/* +Fonction fléchées spécificités +1. Return implicite +2. Pas de this (pas très utile quand on débute) + */ diff --git a/assets/js/dialog.js b/assets/js/dialog.js deleted file mode 100644 index 4589e22e0a81900ec92d8bec067a9a4bf0a50216..0000000000000000000000000000000000000000 --- a/assets/js/dialog.js +++ /dev/null @@ -1,10 +0,0 @@ -const button = document.getElementById('dialog-open-btn') - -button.addEventListener('click', () => { - const dialog = document.querySelector('dialog') - dialog.showModal() - - dialog.addEventListener('click', () => { - dialog.close() - }) -}) diff --git a/index.php b/index.php index 22f7ee2911da9062b48bb86c71788a97de5883f1..aa6171ae4da02b2211d4838177fbed9e3276684a 100644 --- a/index.php +++ b/index.php @@ -8,7 +8,7 @@ <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/index.css"> - <script src="assets/js/dialog.js" type="module"></script> + <script src="assets/js/base.js" type="module"></script> </head> <body> <?php