formattazione
This commit is contained in:
La Programmatrice Verde
parent
ff9c0d27c4
commit
05b55e05ed
555
script.js
555
script.js
@ -1,54 +1,53 @@
|
||||
document.addEventListener("onload", Init());
|
||||
|
||||
function Init(){
|
||||
function Init() {
|
||||
aggiungiDefault();
|
||||
impostaImmagine();
|
||||
}
|
||||
|
||||
const segniZodiacali = [
|
||||
"Ariete",
|
||||
"Toro",
|
||||
"Gemelli",
|
||||
"Cancro",
|
||||
"Leone",
|
||||
"Vergine",
|
||||
"Bilancia",
|
||||
"Scorpione",
|
||||
"Sagittario",
|
||||
"Capricorno",
|
||||
"Acquario",
|
||||
"Pesci",
|
||||
];
|
||||
/***********************************************Sezione Stats*******************************************************************************************/
|
||||
const segniZodiacali = [
|
||||
"Ariete",
|
||||
"Toro",
|
||||
"Gemelli",
|
||||
"Cancro",
|
||||
"Leone",
|
||||
"Vergine",
|
||||
"Bilancia",
|
||||
"Scorpione",
|
||||
"Sagittario",
|
||||
"Capricorno",
|
||||
"Acquario",
|
||||
"Pesci",
|
||||
];
|
||||
/***********************************************Sezione Stats*******************************************************************************************/
|
||||
|
||||
stats = {
|
||||
contatore: [
|
||||
"conteggioTotale",
|
||||
"conteggioAriete",
|
||||
"conteggioToro",
|
||||
"conteggioGemelli",
|
||||
"conteggioCancro",
|
||||
"conteggioLeone",
|
||||
"conteggioVergine",
|
||||
"conteggioBilancia",
|
||||
"conteggioScorpione",
|
||||
"conteggioSagittario",
|
||||
"conteggioCapricorno",
|
||||
"conteggioAcquario",
|
||||
"conteggioPesci",
|
||||
],
|
||||
aggiornaStat(segno) {
|
||||
document.getElementById(this.contatore[segno]).innerHTML =
|
||||
parseInt(document.getElementById(this.contatore[segno]).innerHTML) +
|
||||
1;
|
||||
},
|
||||
};
|
||||
stats = {
|
||||
contatore: [
|
||||
"conteggioTotale",
|
||||
"conteggioAriete",
|
||||
"conteggioToro",
|
||||
"conteggioGemelli",
|
||||
"conteggioCancro",
|
||||
"conteggioLeone",
|
||||
"conteggioVergine",
|
||||
"conteggioBilancia",
|
||||
"conteggioScorpione",
|
||||
"conteggioSagittario",
|
||||
"conteggioCapricorno",
|
||||
"conteggioAcquario",
|
||||
"conteggioPesci",
|
||||
],
|
||||
aggiornaStat(segno) {
|
||||
document.getElementById(this.contatore[segno]).innerHTML =
|
||||
parseInt(document.getElementById(this.contatore[segno]).innerHTML) + 1;
|
||||
},
|
||||
};
|
||||
|
||||
/*******************************************************************************************************************************************************/
|
||||
/*******************************************************************************************************************************************************/
|
||||
|
||||
/***********************************************Sezione Content*****************************************************************************************/
|
||||
/***********************************************Sezione Content*****************************************************************************************/
|
||||
|
||||
function Oroscopo() {
|
||||
function Oroscopo() {
|
||||
const frasi = [
|
||||
"Una nuova opportunità lavorativa si presenta, sfruttala!",
|
||||
"Ascolta i consigli degli amici, potrebbero essere utili.",
|
||||
@ -92,60 +91,60 @@ function Init(){
|
||||
|
||||
if (!(document.getElementById("nome").value === "")) {
|
||||
if (!(document.getElementById("segno").value === "Seleziona un segno")) {
|
||||
if (
|
||||
document.getElementById("bottone").innerHTML ===
|
||||
"Chiedi un altro pronostico"
|
||||
if (
|
||||
document.getElementById("bottone").innerHTML ===
|
||||
"Chiedi un altro pronostico"
|
||||
) {
|
||||
let isSegnoDefaultPresent = false;
|
||||
|
||||
for (
|
||||
let i = 0;
|
||||
i <
|
||||
document.getElementById("segno").getElementsByTagName("option")
|
||||
.length && !isSegnoDefaultPresent;
|
||||
i++
|
||||
) {
|
||||
let isSegnoDefaultPresent = false;
|
||||
|
||||
for (
|
||||
let i = 0;
|
||||
i <
|
||||
document.getElementById("segno").getElementsByTagName("option")
|
||||
.length && !isSegnoDefaultPresent;
|
||||
i++
|
||||
) {
|
||||
if (
|
||||
document.getElementById("segno").getElementsByTagName("option")[
|
||||
i
|
||||
] == "Seleziona un segno"
|
||||
) {
|
||||
document.getElementById("segno").value = "Seleziona un segno";
|
||||
isSegnoDefaultPresent = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (!isSegnoDefaultPresent) {
|
||||
aggiungiDefault();
|
||||
}
|
||||
|
||||
document.getElementById("segno").dispatchEvent(new Event("change"));
|
||||
|
||||
document.getElementById("link").style.display = "block";
|
||||
|
||||
document.getElementById("nome").value = "";
|
||||
|
||||
document.getElementById("bottone").innerHTML = "Chiedi il tuo pronostico";
|
||||
if (
|
||||
document.getElementById("segno").getElementsByTagName("option")[
|
||||
i
|
||||
] == "Seleziona un segno"
|
||||
) {
|
||||
document.getElementById("segno").value = "Seleziona un segno";
|
||||
isSegnoDefaultPresent = true;
|
||||
}
|
||||
}
|
||||
else {
|
||||
stats.aggiornaStat(0);
|
||||
stats.aggiornaStat(
|
||||
stats.contatore.indexOf(
|
||||
`conteggio${document.getElementById("segno").value}`
|
||||
)
|
||||
);
|
||||
|
||||
aggiungiNome();
|
||||
|
||||
document.getElementById("output").innerHTML =
|
||||
frasi[Math.floor(Math.random() * frasi.length)];
|
||||
document.getElementById("bottone").innerHTML =
|
||||
"Chiedi un altro pronostico";
|
||||
|
||||
if (document.getElementById("segno").disabled) {
|
||||
document.getElementById("segno").disabled = false;
|
||||
}
|
||||
if (!isSegnoDefaultPresent) {
|
||||
aggiungiDefault();
|
||||
}
|
||||
|
||||
document.getElementById("segno").dispatchEvent(new Event("change"));
|
||||
|
||||
document.getElementById("link").style.display = "block";
|
||||
|
||||
document.getElementById("nome").value = "";
|
||||
|
||||
document.getElementById("bottone").innerHTML =
|
||||
"Chiedi il tuo pronostico";
|
||||
} else {
|
||||
stats.aggiornaStat(0);
|
||||
stats.aggiornaStat(
|
||||
stats.contatore.indexOf(
|
||||
`conteggio${document.getElementById("segno").value}`
|
||||
)
|
||||
);
|
||||
|
||||
aggiungiNome();
|
||||
|
||||
document.getElementById("output").innerHTML =
|
||||
frasi[Math.floor(Math.random() * frasi.length)];
|
||||
document.getElementById("bottone").innerHTML =
|
||||
"Chiedi un altro pronostico";
|
||||
|
||||
if (document.getElementById("segno").disabled) {
|
||||
document.getElementById("segno").disabled = false;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
alert("Inserire il proprio segno");
|
||||
}
|
||||
@ -154,199 +153,207 @@ function Init(){
|
||||
}
|
||||
}
|
||||
|
||||
//gestione UI sezione trova segno
|
||||
document.getElementById("segno").addEventListener("input", function () {
|
||||
document.getElementById("link").style.display = "none";
|
||||
});
|
||||
//gestione UI sezione trova segno
|
||||
document.getElementById("segno").addEventListener("input", function () {
|
||||
document.getElementById("link").style.display = "none";
|
||||
});
|
||||
|
||||
//mostro la parte per inserire la data e trovare il proprio segno e nascondo defaultInput
|
||||
document.getElementById("link").addEventListener("click", function () {
|
||||
document.getElementById("output").innerHTML = "";
|
||||
document.getElementById("link").style.display = "none";
|
||||
document.getElementById("defaultInput").style.display = "none";
|
||||
document.getElementById("bottone").style.display = "none";
|
||||
document
|
||||
.querySelectorAll("#trovaSegno > :not(#link)")
|
||||
.forEach((tag) => (tag.style.display = "inline"));
|
||||
});
|
||||
//mostro la parte per inserire la data e trovare il proprio segno e nascondo defaultInput
|
||||
document.getElementById("link").addEventListener("click", function () {
|
||||
document.getElementById("output").innerHTML = "";
|
||||
document.getElementById("link").style.display = "none";
|
||||
document.getElementById("defaultInput").style.display = "none";
|
||||
document.getElementById("bottone").style.display = "none";
|
||||
document
|
||||
.querySelectorAll("#trovaSegno > :not(#link)")
|
||||
.forEach((tag) => (tag.style.display = "inline"));
|
||||
});
|
||||
|
||||
function trovaSegno() {
|
||||
document.getElementById('segno').getElementsByTagName("option")[0].remove()
|
||||
let isDateInserted = document.getElementById("date").value !== "";
|
||||
function trovaSegno() {
|
||||
document.getElementById("segno").getElementsByTagName("option")[0].remove();
|
||||
let isDateInserted = document.getElementById("date").value !== "";
|
||||
|
||||
if (isDateInserted) {
|
||||
const nascita = document.getElementById("date").value.split("-");
|
||||
const mese = parseInt(nascita[1]);
|
||||
const giorno = parseInt(nascita[2]);
|
||||
const campoSegno = document.getElementById("segno");
|
||||
if (isDateInserted) {
|
||||
const nascita = document.getElementById("date").value.split("-");
|
||||
const mese = parseInt(nascita[1]);
|
||||
const giorno = parseInt(nascita[2]);
|
||||
const campoSegno = document.getElementById("segno");
|
||||
|
||||
switch (mese) {
|
||||
case 3:
|
||||
if (giorno >= 20) {
|
||||
campoSegno.value = segniZodiacali[0];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[11];
|
||||
}
|
||||
break;
|
||||
case 4:
|
||||
if (giorno >= 19) {
|
||||
campoSegno.value = segniZodiacali[1];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[0];
|
||||
}
|
||||
break;
|
||||
case 5:
|
||||
if (giorno >= 20) {
|
||||
campoSegno.value = segniZodiacali[2];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[1];
|
||||
}
|
||||
break;
|
||||
case 6:
|
||||
if (giorno >= 20) {
|
||||
campoSegno.value = segniZodiacali[3];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[2];
|
||||
}
|
||||
break;
|
||||
case 7:
|
||||
if (giorno >= 22) {
|
||||
campoSegno.value = segniZodiacali[4];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[3];
|
||||
}
|
||||
break;
|
||||
case 8:
|
||||
if (giorno >= 22) {
|
||||
campoSegno.value = segniZodiacali[5];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[4];
|
||||
}
|
||||
break;
|
||||
case 9:
|
||||
if (giorno >= 22) {
|
||||
campoSegno.value = segniZodiacali[6];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[5];
|
||||
}
|
||||
break;
|
||||
case 10:
|
||||
if (giorno >= 22) {
|
||||
campoSegno.value = segniZodiacali[7];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[6];
|
||||
}
|
||||
break;
|
||||
case 11:
|
||||
if (giorno >= 21) {
|
||||
campoSegno.value = segniZodiacali[8];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[7];
|
||||
}
|
||||
break;
|
||||
case 12:
|
||||
if (giorno >= 21) {
|
||||
campoSegno.value = segniZodiacali[9];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[8];
|
||||
}
|
||||
break;
|
||||
case 1:
|
||||
if (giorno >= 20) {
|
||||
campoSegno.value = segniZodiacali[10];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[9];
|
||||
}
|
||||
break;
|
||||
case 2:
|
||||
if (giorno >= 18) {
|
||||
campoSegno.value = segniZodiacali[11];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[10];
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
document.getElementById("segno").dispatchEvent(new Event("change"));
|
||||
// Reset della UI a prima di premere il link
|
||||
document.getElementById("link").style.display = "block";
|
||||
document.getElementById("defaultInput").style.display = "block";
|
||||
document.getElementById("bottone").style.display = "block";
|
||||
document
|
||||
.querySelectorAll("#trovaSegno > :not(#link)")
|
||||
.forEach((tag) => (tag.style.display = "none"));
|
||||
campoSegno.disabled = true;
|
||||
switch (mese) {
|
||||
case 3:
|
||||
if (giorno >= 20) {
|
||||
campoSegno.value = segniZodiacali[0];
|
||||
} else {
|
||||
alert("Inserire una data completa");
|
||||
campoSegno.value = segniZodiacali[11];
|
||||
}
|
||||
}
|
||||
|
||||
function aggiungiNome(){
|
||||
let found = false;
|
||||
nome = document.createElement('li');
|
||||
nome.innerHTML = document.getElementById('nome').value;
|
||||
|
||||
for(let i = 0; i < document.getElementsByClassName("nomi")[0].getElementsByTagName('ul')[0].getElementsByTagName('li').length && !found; i++){
|
||||
if(document.getElementsByClassName("nomi")[0].getElementsByTagName('ul')[0].getElementsByTagName('li')[i].innerHTML == nome.innerHTML) {
|
||||
found = true;
|
||||
}
|
||||
break;
|
||||
case 4:
|
||||
if (giorno >= 19) {
|
||||
campoSegno.value = segniZodiacali[1];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[0];
|
||||
}
|
||||
if (!found){
|
||||
document.getElementsByClassName("nomi")[0].getElementsByTagName("ul")[0].appendChild(nome);
|
||||
break;
|
||||
case 5:
|
||||
if (giorno >= 20) {
|
||||
campoSegno.value = segniZodiacali[2];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[1];
|
||||
}
|
||||
}
|
||||
|
||||
//gestione immagine segno
|
||||
function impostaImmagine() {
|
||||
const immagine = document.createElement("img");
|
||||
immagine.setAttribute(
|
||||
"src",
|
||||
'img/Oroscopo.jpeg'
|
||||
);
|
||||
immagine.setAttribute("width", `${document.getElementsByClassName("segno")[0].offsetWidth}`);
|
||||
document.getElementsByClassName('segno')[0].appendChild(immagine);
|
||||
}
|
||||
|
||||
document.getElementById("segno").addEventListener("change", function() {
|
||||
cambiaImmagine(document.getElementById("segno").value);
|
||||
});
|
||||
|
||||
function cambiaImmagine(segno) {
|
||||
const immagine = document.getElementsByClassName('segno')[0].getElementsByTagName("img")[0];
|
||||
if(segno == "Seleziona un segno"){
|
||||
immagine.setAttribute(
|
||||
"src",
|
||||
'img/Oroscopo.jpeg'
|
||||
);
|
||||
break;
|
||||
case 6:
|
||||
if (giorno >= 20) {
|
||||
campoSegno.value = segniZodiacali[3];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[2];
|
||||
}
|
||||
else{
|
||||
immagine.setAttribute(
|
||||
"src",
|
||||
`img/${segno}.png`
|
||||
);
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 7:
|
||||
if (giorno >= 22) {
|
||||
campoSegno.value = segniZodiacali[4];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[3];
|
||||
}
|
||||
break;
|
||||
case 8:
|
||||
if (giorno >= 22) {
|
||||
campoSegno.value = segniZodiacali[5];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[4];
|
||||
}
|
||||
break;
|
||||
case 9:
|
||||
if (giorno >= 22) {
|
||||
campoSegno.value = segniZodiacali[6];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[5];
|
||||
}
|
||||
break;
|
||||
case 10:
|
||||
if (giorno >= 22) {
|
||||
campoSegno.value = segniZodiacali[7];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[6];
|
||||
}
|
||||
break;
|
||||
case 11:
|
||||
if (giorno >= 21) {
|
||||
campoSegno.value = segniZodiacali[8];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[7];
|
||||
}
|
||||
break;
|
||||
case 12:
|
||||
if (giorno >= 21) {
|
||||
campoSegno.value = segniZodiacali[9];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[8];
|
||||
}
|
||||
break;
|
||||
case 1:
|
||||
if (giorno >= 20) {
|
||||
campoSegno.value = segniZodiacali[10];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[9];
|
||||
}
|
||||
break;
|
||||
case 2:
|
||||
if (giorno >= 18) {
|
||||
campoSegno.value = segniZodiacali[11];
|
||||
} else {
|
||||
campoSegno.value = segniZodiacali[10];
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
//modifiche select del segno dinamiche
|
||||
function aggiungiDefault() {
|
||||
const selezioneDefault = document.createElement("option");
|
||||
selezioneDefault.innerHTML = "Seleziona un segno";
|
||||
document
|
||||
.getElementById("segno")
|
||||
.insertBefore(
|
||||
selezioneDefault,
|
||||
document.getElementById("segno").getElementsByTagName("option")[0]
|
||||
);
|
||||
document.getElementById("segno").value = "Seleziona un segno";
|
||||
}
|
||||
document.getElementById("segno").dispatchEvent(new Event("change"));
|
||||
// Reset della UI a prima di premere il link
|
||||
document.getElementById("link").style.display = "block";
|
||||
document.getElementById("defaultInput").style.display = "block";
|
||||
document.getElementById("bottone").style.display = "block";
|
||||
document
|
||||
.querySelectorAll("#trovaSegno > :not(#link)")
|
||||
.forEach((tag) => (tag.style.display = "none"));
|
||||
campoSegno.disabled = true;
|
||||
} else {
|
||||
alert("Inserire una data completa");
|
||||
}
|
||||
}
|
||||
|
||||
function aggiungiNome() {
|
||||
let found = false;
|
||||
nome = document.createElement("li");
|
||||
nome.innerHTML = document.getElementById("nome").value;
|
||||
|
||||
for (
|
||||
let i = 0;
|
||||
i <
|
||||
document
|
||||
.getElementById("segno")
|
||||
.addEventListener("mousedown", function () {
|
||||
if (this.value == "Seleziona un segno") {
|
||||
this.getElementsByTagName("option")[0].remove();
|
||||
}
|
||||
});
|
||||
.getElementsByClassName("nomi")[0]
|
||||
.getElementsByTagName("ul")[0]
|
||||
.getElementsByTagName("li").length && !found;
|
||||
i++
|
||||
) {
|
||||
if (
|
||||
document
|
||||
.getElementsByClassName("nomi")[0]
|
||||
.getElementsByTagName("ul")[0]
|
||||
.getElementsByTagName("li")[i].innerHTML == nome.innerHTML
|
||||
) {
|
||||
found = true;
|
||||
}
|
||||
}
|
||||
if (!found) {
|
||||
document
|
||||
.getElementsByClassName("nomi")[0]
|
||||
.getElementsByTagName("ul")[0]
|
||||
.appendChild(nome);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*******************************************************************************************************************************************************/
|
||||
//gestione immagine segno
|
||||
function impostaImmagine() {
|
||||
const immagine = document.createElement("img");
|
||||
immagine.setAttribute("src", "img/Oroscopo.jpeg");
|
||||
immagine.setAttribute(
|
||||
"width",
|
||||
`${document.getElementsByClassName("segno")[0].offsetWidth}`
|
||||
);
|
||||
document.getElementsByClassName("segno")[0].appendChild(immagine);
|
||||
}
|
||||
|
||||
document.getElementById("segno").addEventListener("change", function () {
|
||||
cambiaImmagine(document.getElementById("segno").value);
|
||||
});
|
||||
|
||||
function cambiaImmagine(segno) {
|
||||
const immagine = document
|
||||
.getElementsByClassName("segno")[0]
|
||||
.getElementsByTagName("img")[0];
|
||||
if (segno == "Seleziona un segno") {
|
||||
immagine.setAttribute("src", "img/Oroscopo.jpeg");
|
||||
} else {
|
||||
immagine.setAttribute("src", `img/${segno}.png`);
|
||||
}
|
||||
}
|
||||
|
||||
//modifiche select del segno dinamiche
|
||||
function aggiungiDefault() {
|
||||
const selezioneDefault = document.createElement("option");
|
||||
selezioneDefault.innerHTML = "Seleziona un segno";
|
||||
document
|
||||
.getElementById("segno")
|
||||
.insertBefore(
|
||||
selezioneDefault,
|
||||
document.getElementById("segno").getElementsByTagName("option")[0]
|
||||
);
|
||||
document.getElementById("segno").value = "Seleziona un segno";
|
||||
}
|
||||
|
||||
document.getElementById("segno").addEventListener("mousedown", function () {
|
||||
if (this.value == "Seleziona un segno") {
|
||||
this.getElementsByTagName("option")[0].remove();
|
||||
}
|
||||
});
|
||||
|
||||
/*******************************************************************************************************************************************************/
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user