Verde/oroscopo_rev2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

formattazione

Browse Source
This commit is contained in:
La Programmatrice Verde 2025-04-05 16:24:49 +02:00
parent ff9c0d27c4
commit 05b55e05ed
1 changed files with 281 additions and 274 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
script.js
View File

@ -1,11 +1,11 @@
document.addEventListener("onload", Init()); document.addEventListener("onload", Init());
function Init(){ function Init() {
aggiungiDefault(); aggiungiDefault();
impostaImmagine(); impostaImmagine();
} }
const segniZodiacali = [ const segniZodiacali = [
"Ariete", "Ariete",
"Toro", "Toro",
"Gemelli", "Gemelli",
@ -18,10 +18,10 @@ function Init(){
"Capricorno", "Capricorno",
"Acquario", "Acquario",
"Pesci", "Pesci",
]; ];
/***********************************************Sezione Stats*******************************************************************************************/ /***********************************************Sezione Stats*******************************************************************************************/
stats = { stats = {
contatore: [ contatore: [
"conteggioTotale", "conteggioTotale",
"conteggioAriete", "conteggioAriete",
@ -39,16 +39,15 @@ function Init(){
], ],
aggiornaStat(segno) { aggiornaStat(segno) {
document.getElementById(this.contatore[segno]).innerHTML = document.getElementById(this.contatore[segno]).innerHTML =
parseInt(document.getElementById(this.contatore[segno]).innerHTML) + parseInt(document.getElementById(this.contatore[segno]).innerHTML) + 1;
1;
}, },
}; };
/*******************************************************************************************************************************************************/ /*******************************************************************************************************************************************************/
/***********************************************Sezione Content*****************************************************************************************/ /***********************************************Sezione Content*****************************************************************************************/
function Oroscopo() { function Oroscopo() {
const frasi = [ const frasi = [
"Una nuova opportunità lavorativa si presenta, sfruttala!", "Una nuova opportunità lavorativa si presenta, sfruttala!",
"Ascolta i consigli degli amici, potrebbero essere utili.", "Ascolta i consigli degli amici, potrebbero essere utili.",
@ -125,9 +124,9 @@ function Init(){
document.getElementById("nome").value = ""; document.getElementById("nome").value = "";
document.getElementById("bottone").innerHTML = "Chiedi il tuo pronostico"; document.getElementById("bottone").innerHTML =
} "Chiedi il tuo pronostico";
else { } else {
stats.aggiornaStat(0); stats.aggiornaStat(0);
stats.aggiornaStat( stats.aggiornaStat(
stats.contatore.indexOf( stats.contatore.indexOf(
@ -154,13 +153,13 @@ function Init(){
} }
} }
//gestione UI sezione trova segno //gestione UI sezione trova segno
document.getElementById("segno").addEventListener("input", function () { document.getElementById("segno").addEventListener("input", function () {
document.getElementById("link").style.display = "none"; document.getElementById("link").style.display = "none";
}); });
//mostro la parte per inserire la data e trovare il proprio segno e nascondo defaultInput //mostro la parte per inserire la data e trovare il proprio segno e nascondo defaultInput
document.getElementById("link").addEventListener("click", function () { document.getElementById("link").addEventListener("click", function () {
document.getElementById("output").innerHTML = ""; document.getElementById("output").innerHTML = "";
document.getElementById("link").style.display = "none"; document.getElementById("link").style.display = "none";
document.getElementById("defaultInput").style.display = "none"; document.getElementById("defaultInput").style.display = "none";
@ -168,10 +167,10 @@ function Init(){
document document
.querySelectorAll("#trovaSegno > :not(#link)") .querySelectorAll("#trovaSegno > :not(#link)")
.forEach((tag) => (tag.style.display = "inline")); .forEach((tag) => (tag.style.display = "inline"));
}); });
function trovaSegno() { function trovaSegno() {
document.getElementById('segno').getElementsByTagName("option")[0].remove() document.getElementById("segno").getElementsByTagName("option")[0].remove();
let isDateInserted = document.getElementById("date").value !== ""; let isDateInserted = document.getElementById("date").value !== "";
if (isDateInserted) { if (isDateInserted) {
@ -267,7 +266,7 @@ function Init(){
break; break;
} }
document.getElementById("segno").dispatchEvent(new Event("change")); document.getElementById("segno").dispatchEvent(new Event("change"));
// Reset della UI a prima di premere il link // Reset della UI a prima di premere il link
document.getElementById("link").style.display = "block"; document.getElementById("link").style.display = "block";
document.getElementById("defaultInput").style.display = "block"; document.getElementById("defaultInput").style.display = "block";
@ -279,56 +278,67 @@ document.getElementById("segno").dispatchEvent(new Event("change"));
} else { } else {
alert("Inserire una data completa"); alert("Inserire una data completa");
} }
} }
function aggiungiNome(){ function aggiungiNome() {
let found = false; let found = false;
nome = document.createElement('li'); nome = document.createElement("li");
nome.innerHTML = document.getElementById('nome').value; nome.innerHTML = document.getElementById("nome").value;
for(let i = 0; i < document.getElementsByClassName("nomi")[0].getElementsByTagName('ul')[0].getElementsByTagName('li').length && !found; i++){ for (
if(document.getElementsByClassName("nomi")[0].getElementsByTagName('ul')[0].getElementsByTagName('li')[i].innerHTML == nome.innerHTML) { 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; found = true;
} }
} }
if (!found){ if (!found) {
document.getElementsByClassName("nomi")[0].getElementsByTagName("ul")[0].appendChild(nome); document
} .getElementsByClassName("nomi")[0]
.getElementsByTagName("ul")[0]
.appendChild(nome);
} }
}
//gestione immagine segno //gestione immagine segno
function impostaImmagine() { function impostaImmagine() {
const immagine = document.createElement("img"); const immagine = document.createElement("img");
immagine.setAttribute("src", "img/Oroscopo.jpeg");
immagine.setAttribute( immagine.setAttribute(
"src", "width",
'img/Oroscopo.jpeg' `${document.getElementsByClassName("segno")[0].offsetWidth}`
); );
immagine.setAttribute("width", `${document.getElementsByClassName("segno")[0].offsetWidth}`); document.getElementsByClassName("segno")[0].appendChild(immagine);
document.getElementsByClassName('segno')[0].appendChild(immagine); }
}
document.getElementById("segno").addEventListener("change", function() { document.getElementById("segno").addEventListener("change", function () {
cambiaImmagine(document.getElementById("segno").value); cambiaImmagine(document.getElementById("segno").value);
}); });
function cambiaImmagine(segno) { function cambiaImmagine(segno) {
const immagine = document.getElementsByClassName('segno')[0].getElementsByTagName("img")[0]; const immagine = document
if(segno == "Seleziona un segno"){ .getElementsByClassName("segno")[0]
immagine.setAttribute( .getElementsByTagName("img")[0];
"src", if (segno == "Seleziona un segno") {
'img/Oroscopo.jpeg' immagine.setAttribute("src", "img/Oroscopo.jpeg");
); } else {
} immagine.setAttribute("src", `img/${segno}.png`);
else{
immagine.setAttribute(
"src",
`img/${segno}.png`
);
}
} }
}
//modifiche select del segno dinamiche //modifiche select del segno dinamiche
function aggiungiDefault() { function aggiungiDefault() {
const selezioneDefault = document.createElement("option"); const selezioneDefault = document.createElement("option");
selezioneDefault.innerHTML = "Seleziona un segno"; selezioneDefault.innerHTML = "Seleziona un segno";
document document
@ -338,15 +348,12 @@ document.getElementById("segno").dispatchEvent(new Event("change"));
document.getElementById("segno").getElementsByTagName("option")[0] document.getElementById("segno").getElementsByTagName("option")[0]
); );
document.getElementById("segno").value = "Seleziona un segno"; document.getElementById("segno").value = "Seleziona un segno";
} }
document document.getElementById("segno").addEventListener("mousedown", function () {
.getElementById("segno")
.addEventListener("mousedown", function () {
if (this.value == "Seleziona un segno") { if (this.value == "Seleziona un segno") {
this.getElementsByTagName("option")[0].remove(); this.getElementsByTagName("option")[0].remove();
} }
}); });
/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/