Statistiche con oggetto
This commit is contained in:
La Programmatrice Verde
parent
8b9bc62ad0
commit
2047c86083
193
index.html
193
index.html
@ -1,9 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<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>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<script src="script.js"></script>
|
||||
</head>
|
||||
<body class="griglia">
|
||||
@ -37,7 +37,7 @@
|
||||
<input type="date" id="date" />
|
||||
<button onclick="trovaSegno()">Trova il tuo segno</button>
|
||||
</div>
|
||||
<button onclick="Oroscopo()" id="bottone">
|
||||
<button id="bottone">
|
||||
Chiedi il tuo pronostico
|
||||
</button>
|
||||
<div id="output"></div>
|
||||
@ -73,7 +73,7 @@
|
||||
<div class="stats" id="stats">
|
||||
<p>
|
||||
Utenti che hanno fatto affidamento a questo oroscopo:
|
||||
<span id="conteggio">0</span>
|
||||
<span id="conteggioTotale">0</span>
|
||||
</p>
|
||||
<table>
|
||||
<tr>
|
||||
@ -165,8 +165,22 @@
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
const segniZodiacali = [
|
||||
"ariete",
|
||||
"toro",
|
||||
"gemelli",
|
||||
"cancro",
|
||||
"leone",
|
||||
"vergine",
|
||||
"bilancia",
|
||||
"scorpione",
|
||||
"sagittario",
|
||||
"capricorno",
|
||||
"acquario",
|
||||
"pesci",
|
||||
];
|
||||
/***********************************************Sezione Controls******************************************************************************/
|
||||
color = document.getElementById("color");
|
||||
/*color = document.getElementById("color");
|
||||
costellazione = document.getElementById("costellazione");
|
||||
|
||||
document
|
||||
@ -211,24 +225,40 @@
|
||||
document.querySelectorAll(".griglia > div").forEach((div) => {
|
||||
div.style.border = `2px solid ${event.target.value}`;
|
||||
});
|
||||
}
|
||||
}*/
|
||||
/*******************************************************************************************************************************************************/
|
||||
|
||||
/***********************************************Sezione Stats*******************************************************************************************/
|
||||
const segniZodiacali = [
|
||||
"ariete",
|
||||
"toro",
|
||||
"gemelli",
|
||||
"cancro",
|
||||
"leone",
|
||||
"vergine",
|
||||
"bilancia",
|
||||
"scorpione",
|
||||
"sagittario",
|
||||
"capricorno",
|
||||
"acquario",
|
||||
"pesci",
|
||||
];
|
||||
|
||||
document
|
||||
.getElementById("bottone")
|
||||
.addEventListener("click", function () {
|
||||
stats.aggiornaStat(0);
|
||||
stats.aggiornaStat(stats.contatore.indexOf(`conteggio${document.getElementById("segno").value}`));
|
||||
});
|
||||
|
||||
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;
|
||||
},
|
||||
};
|
||||
|
||||
/*document.getElementById("segno").value.toLowerCase();
|
||||
|
||||
// Oggetto per gestire i contatori
|
||||
let contatori = {};
|
||||
@ -275,7 +305,7 @@
|
||||
// Prima lettera maiuscola
|
||||
function capitalize(str) {
|
||||
return str.charAt(0).toUpperCase() + str.slice(1);
|
||||
}
|
||||
}*/
|
||||
/*******************************************************************************************************************************************************/
|
||||
|
||||
/***********************************************Sezione Content*****************************************************************************************/
|
||||
@ -286,10 +316,10 @@
|
||||
"Chiedi il tuo pronostico";
|
||||
|
||||
//blocca input
|
||||
document.getElementById('nome').disabled = true;
|
||||
document.getElementById('segno').disabled = true;
|
||||
document.getElementById('bottone').disabled = true;
|
||||
document.getElementById('link').style.display = 'none';
|
||||
document.getElementById("nome").disabled = true;
|
||||
document.getElementById("segno").disabled = true;
|
||||
document.getElementById("bottone").disabled = true;
|
||||
document.getElementById("link").style.display = "none";
|
||||
|
||||
if (!(document.getElementById("nome").value === "")) {
|
||||
Segni();
|
||||
@ -306,8 +336,7 @@
|
||||
}, prevedendo fortuna, amore, finanza e salute`,
|
||||
stream: false,
|
||||
};
|
||||
const frasiCaricamento =
|
||||
[
|
||||
const frasiCaricamento = [
|
||||
"L'astrologia si basa sulla posizione degli astri al momento della nascita.",
|
||||
"Ogni persona ha un oroscopo personale e unico.",
|
||||
"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.",
|
||||
"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.",
|
||||
"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;
|
||||
|
||||
@ -428,10 +456,10 @@
|
||||
clearInterval(loadingInterval);
|
||||
|
||||
//ripristina input
|
||||
document.getElementById('nome').disabled = false;
|
||||
document.getElementById('segno').disabled = false;
|
||||
document.getElementById('bottone').disabled = false;
|
||||
document.getElementById('link').style.display = '';
|
||||
document.getElementById("nome").disabled = false;
|
||||
document.getElementById("segno").disabled = false;
|
||||
document.getElementById("bottone").disabled = false;
|
||||
document.getElementById("link").style.display = "";
|
||||
|
||||
document.getElementById("output").innerHTML = marked.parse(
|
||||
JSON.parse(result)
|
||||
@ -444,20 +472,20 @@
|
||||
//Ferma frasi di caricamento
|
||||
clearInterval(loadingInterval);
|
||||
//ripristina input
|
||||
document.getElementById('nome').disabled = false;
|
||||
document.getElementById('segno').disabled = false;
|
||||
document.getElementById('bottone').disabled = false;
|
||||
document.getElementById('link').style.display = '';
|
||||
document.getElementById("nome").disabled = false;
|
||||
document.getElementById("segno").disabled = false;
|
||||
document.getElementById("bottone").disabled = false;
|
||||
document.getElementById("link").style.display = "";
|
||||
|
||||
console.error("Errore nella richiesta:", error);
|
||||
}
|
||||
} else {
|
||||
alert("Inserire il proprio nome");
|
||||
//ripristina input
|
||||
document.getElementById('nome').disabled = false;
|
||||
document.getElementById('segno').disabled = false;
|
||||
document.getElementById('bottone').disabled = false;
|
||||
document.getElementById('link').style.display = '';
|
||||
document.getElementById("nome").disabled = false;
|
||||
document.getElementById("segno").disabled = false;
|
||||
document.getElementById("bottone").disabled = false;
|
||||
document.getElementById("link").style.display = "";
|
||||
}
|
||||
}
|
||||
|
||||
@ -595,4 +623,85 @@
|
||||
/*******************************************************************************************************************************************************/
|
||||
</script>
|
||||
</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.
|
||||
|
||||
|
||||
-->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user