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

Statistiche con oggetto

Browse Source
This commit is contained in:
La Programmatrice Verde 2025-04-01 21:01:06 +02:00
parent 8b9bc62ad0
commit 2047c86083
1 changed files with 652 additions and 543 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

191
index.html
View File

@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta http-equiv="content-type" content="text/html" charset="utf-8"> <meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Titolo</title> <title>Titolo</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css" />
<script src="script.js"></script> <script src="script.js"></script>
</head> </head>
<body class="griglia"> <body class="griglia">
@ -37,7 +37,7 @@
<input type="date" id="date" /> <input type="date" id="date" />
<button onclick="trovaSegno()">Trova il tuo segno</button> <button onclick="trovaSegno()">Trova il tuo segno</button>
</div> </div>
<button onclick="Oroscopo()" id="bottone"> <button id="bottone">
Chiedi il tuo pronostico Chiedi il tuo pronostico
</button> </button>
<div id="output"></div> <div id="output"></div>
@ -73,7 +73,7 @@
<div class="stats" id="stats"> <div class="stats" id="stats">
<p> <p>
Utenti che hanno fatto affidamento a questo oroscopo: Utenti che hanno fatto affidamento a questo oroscopo:
<span id="conteggio">0</span> <span id="conteggioTotale">0</span>
</p> </p>
<table> <table>
<tr> <tr>
@ -165,8 +165,22 @@
</div> </div>
</div> </div>
<script> <script>
const segniZodiacali = [
"ariete",
"toro",
"gemelli",
"cancro",
"leone",
"vergine",
"bilancia",
"scorpione",
"sagittario",
"capricorno",
"acquario",
"pesci",
];
/***********************************************Sezione Controls******************************************************************************/ /***********************************************Sezione Controls******************************************************************************/
color = document.getElementById("color"); /*color = document.getElementById("color");
costellazione = document.getElementById("costellazione"); costellazione = document.getElementById("costellazione");
document document
@ -211,24 +225,40 @@
document.querySelectorAll(".griglia > div").forEach((div) => { document.querySelectorAll(".griglia > div").forEach((div) => {
div.style.border = `2px solid ${event.target.value}`; div.style.border = `2px solid ${event.target.value}`;
}); });
} }*/
/*******************************************************************************************************************************************************/ /*******************************************************************************************************************************************************/
/***********************************************Sezione Stats*******************************************************************************************/ /***********************************************Sezione Stats*******************************************************************************************/
const segniZodiacali = [
"ariete", document
"toro", .getElementById("bottone")
"gemelli", .addEventListener("click", function () {
"cancro", stats.aggiornaStat(0);
"leone", stats.aggiornaStat(stats.contatore.indexOf(`conteggio${document.getElementById("segno").value}`));
"vergine", });
"bilancia",
"scorpione", stats = {
"sagittario", contatore: [
"capricorno", "conteggioTotale",
"acquario", "conteggioAriete",
"pesci", "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;
},
};
/*document.getElementById("segno").value.toLowerCase();
// Oggetto per gestire i contatori // Oggetto per gestire i contatori
let contatori = {}; let contatori = {};
@ -275,7 +305,7 @@
// Prima lettera maiuscola // Prima lettera maiuscola
function capitalize(str) { function capitalize(str) {
return str.charAt(0).toUpperCase() + str.slice(1); return str.charAt(0).toUpperCase() + str.slice(1);
} }*/
/*******************************************************************************************************************************************************/ /*******************************************************************************************************************************************************/
/***********************************************Sezione Content*****************************************************************************************/ /***********************************************Sezione Content*****************************************************************************************/
@ -286,10 +316,10 @@
"Chiedi il tuo pronostico"; "Chiedi il tuo pronostico";
//blocca input //blocca input
document.getElementById('nome').disabled = true; document.getElementById("nome").disabled = true;
document.getElementById('segno').disabled = true; document.getElementById("segno").disabled = true;
document.getElementById('bottone').disabled = true; document.getElementById("bottone").disabled = true;
document.getElementById('link').style.display = 'none'; document.getElementById("link").style.display = "none";
if (!(document.getElementById("nome").value === "")) { if (!(document.getElementById("nome").value === "")) {
Segni(); Segni();
@ -306,8 +336,7 @@
}, prevedendo fortuna, amore, finanza e salute`, }, prevedendo fortuna, amore, finanza e salute`,
stream: false, stream: false,
}; };
const frasiCaricamento = const frasiCaricamento = [
[
"L'astrologia si basa sulla posizione degli astri al momento della nascita.", "L'astrologia si basa sulla posizione degli astri al momento della nascita.",
"Ogni persona ha un oroscopo personale e unico.", "Ogni persona ha un oroscopo personale e unico.",
"La posizione delle stelle influenza la personalità e gli eventi della vita.", "La posizione delle stelle influenza la personalità e gli eventi della vita.",
@ -397,8 +426,7 @@
"Gli astrologi utilizzano diversi metodi per fare le previsioni.", "Gli astrologi utilizzano diversi metodi per fare le previsioni.",
"La posizione degli astri può influenzare la salute e il benessere generale.", "La posizione degli astri può influenzare la salute e il benessere generale.",
"Le previsioni possono essere utilizzate come strumento di auto-aiuto per migliorare la vita.", "Le previsioni possono essere utilizzate come strumento di auto-aiuto per migliorare la vita.",
"Gli astrologi cercano di aiutare le persone a prendere decisioni informate." "Gli astrologi cercano di aiutare le persone a prendere decisioni informate.",
]; ];
let i = 0; let i = 0;
@ -428,10 +456,10 @@
clearInterval(loadingInterval); clearInterval(loadingInterval);
//ripristina input //ripristina input
document.getElementById('nome').disabled = false; document.getElementById("nome").disabled = false;
document.getElementById('segno').disabled = false; document.getElementById("segno").disabled = false;
document.getElementById('bottone').disabled = false; document.getElementById("bottone").disabled = false;
document.getElementById('link').style.display = ''; document.getElementById("link").style.display = "";
document.getElementById("output").innerHTML = marked.parse( document.getElementById("output").innerHTML = marked.parse(
JSON.parse(result) JSON.parse(result)
@ -444,20 +472,20 @@
//Ferma frasi di caricamento //Ferma frasi di caricamento
clearInterval(loadingInterval); clearInterval(loadingInterval);
//ripristina input //ripristina input
document.getElementById('nome').disabled = false; document.getElementById("nome").disabled = false;
document.getElementById('segno').disabled = false; document.getElementById("segno").disabled = false;
document.getElementById('bottone').disabled = false; document.getElementById("bottone").disabled = false;
document.getElementById('link').style.display = ''; document.getElementById("link").style.display = "";
console.error("Errore nella richiesta:", error); console.error("Errore nella richiesta:", error);
} }
} else { } else {
alert("Inserire il proprio nome"); alert("Inserire il proprio nome");
//ripristina input //ripristina input
document.getElementById('nome').disabled = false; document.getElementById("nome").disabled = false;
document.getElementById('segno').disabled = false; document.getElementById("segno").disabled = false;
document.getElementById('bottone').disabled = false; document.getElementById("bottone").disabled = false;
document.getElementById('link').style.display = ''; document.getElementById("link").style.display = "";
} }
} }
@ -596,3 +624,84 @@
</script> </script>
</body> </body>
</html> </html>
<!-- Previsioni oroscopo già fatte:
Ecco 20 previsioni di oroscopo per ciascun segno zodiacale:
**1. Ariete (21 marzo - 19 aprile)**
* Una nuova opportunità lavorativa si presenta, sfruttala!
* Ascolta i consigli degli amici, potrebbero essere utili.
* Attento alle spese, non esagerare.
**2. Toro (20 aprile - 20 maggio)**
* La vita sentimentale si anima, aspettati un sorriso!
* Concentrati sui tuoi obiettivi e non lasciare che le distrazioni ti rallentino.
* Sii paziente, i risultati non tarderanno.
**3. Gemelli (21 maggio - 20 giugno)**
* Un cambiamento di programma potrebbe essere necessario.
* La tua intuizione è acuta, ascoltala!
* Non lasciare che le preoccupazioni ti consumino.
**4. Cancro (21 giugno - 22 luglio)**
* Il tuo amore per la famiglia e gli amici si rafforza.
* Sii più aperto ai nuovi progetti, potrebbero essere interessanti!
* Non esitare a chiedere aiuto quando ne hai bisogno.
**5. Leone (23 luglio - 22 agosto)**
* La tua autorità è riconosciuta e apprezzata.
* Sii cauto con le tue finanze, non spendere troppo!
* Non lasciare che la pigrizia ti rallenti.
**6. Vergine (23 agosto - 22 settembre)**
* Le tue abilità organizzative sono essenziali per un nuovo progetto.
* Sii più socievole e aperto con gli altri, potresti scoprire nuove amicizie!
* Non esitare a chiedere chiarimenti quando ne hai bisogno.
**7. Bilancia (23 settembre - 22 ottobre)**
* La tua vita sociale si anima, aspettati un'intrattenimento!
* Sii più equilibrato e razionale nelle tue decisioni.
* Non lasciare che la competitività ti consumi.
**8. Scorpione (23 ottobre - 21 novembre)**
* I segreti di cui sei a conoscenza potrebbero essere utili per aiutare qualcuno.
* Sii più aperto alle novità e non temere il cambiamento!
* Non esitare a difendere ciò che è giusto.
**9. Sagittario (22 novembre - 21 dicembre)**
* La tua ambizione si rafforza, sfruttala per raggiungere nuovi obiettivi!
* Sii più paziente e non affrettarti troppo.
* Non lasciare che la curiosità ti porti a commettere errori.
**10. Capricorno (22 dicembre - 19 gennaio)**
* La tua responsabilità è apprezzata e riconosciuta.
* Sii più aperto alle novità e non temere il cambiamento!
* Non esitare a chiedere aiuto quando ne hai bisogno.
**11. Acquario (20 gennaio - 18 febbraio)**
* La tua creatività è essenziale per un nuovo progetto.
* Sii più socievole e aperto con gli altri, potresti scoprire nuove amicizie!
* Non lasciare che la curiosità ti porti a commettere errori.
**12. Pesci (19 febbraio - 20 marzo)**
* La tua intuizione è acuta, ascoltala!
* Sii più aperto alle novità e non temere il cambiamento!
* Non esitare a chiedere aiuto quando ne hai bisogno.
Non dimenticare che l'oroscopo è solo un divertimento e che le previsioni possono variare da persona a persona.
-->