From affb5500e734c94aa6526d1e8106f3b849871160 Mon Sep 17 00:00:00 2001 From: Yannick Francois Date: Mon, 8 Oct 2018 23:49:04 +0200 Subject: [PATCH] Usage du localStorage MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Une fonction permet d'afficher le contenu Tous les valeurs des champs sont stocké en local --- public/index.html | 53 +++++++++++++++++++++--------------------- public/parametres.html | 52 ++++++++++++++++++++--------------------- public/script.js | 43 ++++++++++++++++++++++------------ 3 files changed, 79 insertions(+), 69 deletions(-) diff --git a/public/index.html b/public/index.html index 59b022b9..330e03c9 100644 --- a/public/index.html +++ b/public/index.html @@ -1,41 +1,40 @@ - + + + + + - - - - + Framadate - Framadate + + - - + + + - - - + - +
+

Créer un sondage

-
-

Créer un sondage

- -

Framadate est un service en ligne permettant de planifier un rendez-vous ou prendre des décisions rapidement et +

Framadate est un service en ligne permettant de planifier un rendez-vous ou prendre des décisions rapidement et simplement

- C'est parti -
+ C'est parti +
-
-

Où sont mes sondages ?

+
+

Où sont mes sondages ?

-
- - - -
-
+
+ + + +
+
+ - diff --git a/public/parametres.html b/public/parametres.html index e3893a62..1a32a7e7 100644 --- a/public/parametres.html +++ b/public/parametres.html @@ -1,46 +1,44 @@ - + - - - - + + + + - Framadate + Framadate - - + + - - - + + + - + -
-

- Je m'appelle - +

+

+ Je m'appelle et le titre de ce sondage - - est - . -

-

+ est . +

+

Si je devais le décrire pour les autres personnes, je dirais -

+

-
+
- + + - diff --git a/public/script.js b/public/script.js index b10240fe..32f88226 100644 --- a/public/script.js +++ b/public/script.js @@ -1,21 +1,34 @@ -window.onload = () => { - if(localStorage.getItem('type_sondage') == null) { - localStorage.setItem('type_sondage', 'classique'); +const debugStorage = () => { + for(var i = 0; i < localStorage.length; i++) { + let key = localStorage.key(i) + console.debug(key, " = ", localStorage[key]) } +} - console.debug(localStorage) +document.querySelectorAll('input').forEach((inputElement) => { + inputElement.addEventListener("change", () => { + localStorage[inputElement.name] = inputElement.value + }); +}); - let typeSondageElement = document.querySelectorAll("*[data-group='record']") - typeSondageElement.forEach((currentElement) => { - currentElement.addEventListener('change', function() { - const selectedType = this.options[this.selectedIndex].text; - localStorage.setItem('type_sondage', type_sondage); - if(selectedType == "classique") { - document.querySelector('#next').href = "reponses.html"; - } else { - document.querySelector('#next').href = "dates.html"; - } - }) +if(document.getElementById("type_sondage")) { + type_sondage.addEventListener('change', function() { + let typeSondage = this.options[this.selectedIndex].text; + if(typeSondage == "classique") { + localStorage.setItem('type_sondage', this.options[this.selectedIndex].text); + document.querySelector('#next').href = "reponses.html"; + } else { + localStorage.setItem('type_sondage', 'dates'); + document.querySelector('#next').href = "dates.html"; + } + debugStorage() + }) +} + +if(document.getElementById("startButton")) { + startButton.addEventListener('click', function () { + localStorage.clear() + localStorage.setItem('type_sondage', 'classique'); }); }