From 05b55e05edff4fe46466577e47851989aba5366d Mon Sep 17 00:00:00 2001 From: La Programmatrice Verde Date: Sat, 5 Apr 2025 16:24:49 +0200 Subject: [PATCH] formattazione --- script.js | 555 +++++++++++++++++++++++++++--------------------------- 1 file changed, 281 insertions(+), 274 deletions(-) diff --git a/script.js b/script.js index 03df3c6..7f6d72f 100644 --- a/script.js +++ b/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(); + } +}); + +/*******************************************************************************************************************************************************/