From 566742cc459e345193ecc2dd4f947ef3aa12b979 Mon Sep 17 00:00:00 2001 From: Giildo <giildo.jm@gmail.com> Date: Fri, 14 Feb 2025 17:29:31 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Create=20bases=20in=20JS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/js/base.js | 50 +++++++++++++++++++++++++++++++++++++++++++++ assets/js/dialog.js | 10 --------- index.php | 2 +- 3 files changed, 51 insertions(+), 11 deletions(-) create mode 100644 assets/js/base.js delete mode 100644 assets/js/dialog.js diff --git a/assets/js/base.js b/assets/js/base.js new file mode 100644 index 0000000..3fcf4cf --- /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 4589e22..0000000 --- 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 22f7ee2..aa6171a 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 -- GitLab