63 lines
1.6 KiB
JavaScript
63 lines
1.6 KiB
JavaScript
'use strict'
|
|
|
|
const $ = selector => document.querySelector(selector)
|
|
const $$ = selector => document.querySelectorAll(selector)
|
|
|
|
const debugStorage = () => {
|
|
for(var i = 0; i < localStorage.length; i++) {
|
|
let key = localStorage.key(i)
|
|
console.debug(key, " = ", localStorage[key])
|
|
}
|
|
}
|
|
|
|
var nameFieldLink = $("#name").addEventListener("click", (e) => {
|
|
e.preventDefault();
|
|
console.log("click sur le name");
|
|
createModal("truc");
|
|
});
|
|
|
|
const removeOverlay = () => {
|
|
$('body').removeChild($('.overlay'))
|
|
}
|
|
|
|
const createModal = (text) => {
|
|
const overlay = document.createElement('div')
|
|
const popin = document.createElement('div')
|
|
|
|
popin.innerHTML = text
|
|
popin.className = 'modal'
|
|
overlay.className = 'overlay'
|
|
overlay.appendChild(popin)
|
|
overlay.addEventListener('click', removeOverlay)
|
|
$('body').insertBefore(overlay, $('main'))
|
|
}
|
|
|
|
|
|
$$('input').forEach((inputElement) => {
|
|
inputElement.addEventListener("change", () => {
|
|
localStorage[inputElement.name] = inputElement.value
|
|
});
|
|
});
|
|
|
|
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);
|
|
$('#next').href = "reponses.html";
|
|
} else {
|
|
localStorage.setItem('type_sondage', 'dates');
|
|
$('#next').href = "dates.html";
|
|
}
|
|
debugStorage()
|
|
})
|
|
}
|
|
|
|
if(document.getElementById("startButton")) {
|
|
startButton.addEventListener('click', function () {
|
|
localStorage.clear()
|
|
localStorage.setItem('type_sondage', 'classique');
|
|
});
|
|
}
|
|
|