Selezione del segno divina con immagini
This commit is contained in:
La Programmatrice Verde
parent
3f9ebd56d6
commit
a9b59f1ef6
BIN
img/Acquario.png
Normal file
BIN
img/Acquario.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
BIN
img/Ariete.png
Normal file
BIN
img/Ariete.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 MiB |
BIN
img/Bilancia.png
Normal file
BIN
img/Bilancia.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 MiB |
BIN
img/Cancro.png
Normal file
BIN
img/Cancro.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
img/Capricorno.png
Normal file
BIN
img/Capricorno.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
BIN
img/Gemelli.png
Normal file
BIN
img/Gemelli.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 MiB |
BIN
img/Leone.png
Normal file
BIN
img/Leone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 MiB |
BIN
img/Pesci.png
Normal file
BIN
img/Pesci.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 MiB |
BIN
img/Sagittario.png
Normal file
BIN
img/Sagittario.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
BIN
img/Scorpione.png
Normal file
BIN
img/Scorpione.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
BIN
img/Toro.png
Normal file
BIN
img/Toro.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
BIN
img/Tutte.png
Normal file
BIN
img/Tutte.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 MiB |
BIN
img/Vergine.png
Normal file
BIN
img/Vergine.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
434
index.html
434
index.html
@ -7,7 +7,7 @@
|
|||||||
<script src="script.js"></script>
|
<script src="script.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="griglia">
|
<body class="griglia">
|
||||||
<div class="titolo">OROSCOPO DEI POVERY 2025 AI EDITION</div>
|
<div class="titolo">OROSCOPO DEL PORCO</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<center>
|
<center>
|
||||||
<div id="defaultInput">
|
<div id="defaultInput">
|
||||||
@ -37,7 +37,9 @@
|
|||||||
<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">Chiedi il tuo pronostico</button>
|
<button onclick="Oroscopo()" id="bottone">
|
||||||
|
Chiedi il tuo pronostico
|
||||||
|
</button>
|
||||||
<div id="output"></div>
|
<div id="output"></div>
|
||||||
</center>
|
</center>
|
||||||
</div>
|
</div>
|
||||||
@ -118,64 +120,31 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div class="nomeRiquadro3"><center>Controls</center></div>
|
<div class="nomeRiquadro3"><center>Segno</center></div>
|
||||||
<div class="controls">
|
<div class="segno">
|
||||||
<label for="selezione">Scegliere l'opzione di sfondo:</label>
|
|
||||||
<br />
|
|
||||||
<select name="selezione" id="selezione">
|
|
||||||
<option>Colore</option>
|
|
||||||
<option>Costellazione</option>
|
|
||||||
</select>
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<div id="color">
|
|
||||||
<label for="color">Colore:</label>
|
|
||||||
<input name="color" type="color" value="#000000" />
|
|
||||||
</div>
|
|
||||||
<div id="costellazione">
|
|
||||||
<label for="costellazione">Costellazione:</label>
|
|
||||||
<select name="costellazione" id="selezioneCostellazione">
|
|
||||||
<option>Tutte</option>
|
|
||||||
<option>Ariete</option>
|
|
||||||
<option>Toro</option>
|
|
||||||
<option>Gemelli</option>
|
|
||||||
<option>Cancro</option>
|
|
||||||
<option>Leone</option>
|
|
||||||
<option>Vergine</option>
|
|
||||||
<option>Bilancia</option>
|
|
||||||
<option>Scorpione</option>
|
|
||||||
<option>Sagittario</option>
|
|
||||||
<option>Capricorno</option>
|
|
||||||
<option>Acquario</option>
|
|
||||||
<option>Pesci</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<div>
|
|
||||||
<label for="testo">Scegliere il colore del testo:</label>
|
|
||||||
<input name="color" type="color" value="#ffffff" id="testo" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="testo">Scegliere il colore dei bordi:</label>
|
|
||||||
<input name="color" type="color" value="#008000" id="bordi" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
|
document.addEventListener("onload", Init());
|
||||||
|
|
||||||
|
function Init(){
|
||||||
|
aggiungiDefault();
|
||||||
|
impostaImmagine();
|
||||||
|
}
|
||||||
|
|
||||||
const segniZodiacali = [
|
const segniZodiacali = [
|
||||||
"ariete",
|
"Ariete",
|
||||||
"toro",
|
"Toro",
|
||||||
"gemelli",
|
"Gemelli",
|
||||||
"cancro",
|
"Cancro",
|
||||||
"leone",
|
"Leone",
|
||||||
"vergine",
|
"Vergine",
|
||||||
"bilancia",
|
"Bilancia",
|
||||||
"scorpione",
|
"Scorpione",
|
||||||
"sagittario",
|
"Sagittario",
|
||||||
"capricorno",
|
"Capricorno",
|
||||||
"acquario",
|
"Acquario",
|
||||||
"pesci",
|
"Pesci",
|
||||||
];
|
];
|
||||||
/***********************************************Sezione Controls******************************************************************************/
|
/***********************************************Sezione Controls******************************************************************************/
|
||||||
/*color = document.getElementById("color");
|
/*color = document.getElementById("color");
|
||||||
@ -228,15 +197,6 @@
|
|||||||
|
|
||||||
/***********************************************Sezione Stats*******************************************************************************************/
|
/***********************************************Sezione Stats*******************************************************************************************/
|
||||||
|
|
||||||
document.getElementById("bottone").addEventListener("click", function () {
|
|
||||||
stats.aggiornaStat(0);
|
|
||||||
stats.aggiornaStat(
|
|
||||||
stats.contatore.indexOf(
|
|
||||||
`conteggio${document.getElementById("segno").value}`
|
|
||||||
)
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
stats = {
|
stats = {
|
||||||
contatore: [
|
contatore: [
|
||||||
"conteggioTotale",
|
"conteggioTotale",
|
||||||
@ -312,80 +272,119 @@
|
|||||||
|
|
||||||
/***********************************************Sezione Content*****************************************************************************************/
|
/***********************************************Sezione Content*****************************************************************************************/
|
||||||
|
|
||||||
const frasi = [
|
function Oroscopo() {
|
||||||
"Una nuova opportunità lavorativa si presenta, sfruttala!",
|
const frasi = [
|
||||||
"Ascolta i consigli degli amici, potrebbero essere utili.",
|
"Una nuova opportunità lavorativa si presenta, sfruttala!",
|
||||||
"Attento alle spese, non esagerare.",
|
"Ascolta i consigli degli amici, potrebbero essere utili.",
|
||||||
"La vita sentimentale si anima, aspettati un sorriso!",
|
"Attento alle spese, non esagerare.",
|
||||||
"Concentrati sui tuoi obiettivi e non lasciare che le distrazioni ti rallentino.",
|
"La vita sentimentale si anima, aspettati un sorriso!",
|
||||||
"Sii paziente, i risultati non tarderanno.",
|
"Concentrati sui tuoi obiettivi e non lasciare che le distrazioni ti rallentino.",
|
||||||
"Un cambiamento di programma potrebbe essere necessario.",
|
"Sii paziente, i risultati non tarderanno.",
|
||||||
"La tua intuizione è acuta, ascoltala!",
|
"Un cambiamento di programma potrebbe essere necessario.",
|
||||||
"Non lasciare che le preoccupazioni ti consumino.",
|
"La tua intuizione è acuta, ascoltala!",
|
||||||
"Il tuo amore per la famiglia e gli amici si rafforza.",
|
"Non lasciare che le preoccupazioni ti consumino.",
|
||||||
"Sii più aperto ai nuovi progetti, potrebbero essere interessanti!",
|
"Il tuo amore per la famiglia e gli amici si rafforza.",
|
||||||
"Non esitare a chiedere aiuto quando ne hai bisogno.",
|
"Sii più aperto ai nuovi progetti, potrebbero essere interessanti!",
|
||||||
"La tua autorità è riconosciuta e apprezzata.",
|
"Non esitare a chiedere aiuto quando ne hai bisogno.",
|
||||||
"Sii cauto con le tue finanze, non spendere troppo!",
|
"La tua autorità è riconosciuta e apprezzata.",
|
||||||
"Non lasciare che la pigrizia ti rallenti.",
|
"Sii cauto con le tue finanze, non spendere troppo!",
|
||||||
"Le tue abilità organizzative sono essenziali per un nuovo progetto.",
|
"Non lasciare che la pigrizia ti rallenti.",
|
||||||
"Sii più socievole e aperto con gli altri, potresti scoprire nuove amicizie!",
|
"Le tue abilità organizzative sono essenziali per un nuovo progetto.",
|
||||||
"Non esitare a chiedere chiarimenti quando ne hai bisogno.",
|
"Sii più socievole e aperto con gli altri, potresti scoprire nuove amicizie!",
|
||||||
"La tua vita sociale si anima, aspettati un'intrattenimento!",
|
"Non esitare a chiedere chiarimenti quando ne hai bisogno.",
|
||||||
"Sii più equilibrato e razionale nelle tue decisioni.",
|
"La tua vita sociale si anima, aspettati un'intrattenimento!",
|
||||||
"Non lasciare che la competitività ti consumi.",
|
"Sii più equilibrato e razionale nelle tue decisioni.",
|
||||||
"I segreti di cui sei a conoscenza potrebbero essere utili per aiutare qualcuno.",
|
"Non lasciare che la competitività ti consumi.",
|
||||||
"Sii più aperto alle novità e non temere il cambiamento!",
|
"I segreti di cui sei a conoscenza potrebbero essere utili per aiutare qualcuno.",
|
||||||
"Non esitare a difendere ciò che è giusto.",
|
"Sii più aperto alle novità e non temere il cambiamento!",
|
||||||
"La tua ambizione si rafforza, sfruttala per raggiungere nuovi obiettivi!",
|
"Non esitare a difendere ciò che è giusto.",
|
||||||
"Sii più paziente e non affrettarti troppo.",
|
"La tua ambizione si rafforza, sfruttala per raggiungere nuovi obiettivi!",
|
||||||
"Non lasciare che la curiosità ti porti a commettere errori.",
|
"Sii più paziente e non affrettarti troppo.",
|
||||||
"La tua responsabilità è apprezzata e riconosciuta.",
|
"Non lasciare che la curiosità ti porti a commettere errori.",
|
||||||
"Sii più aperto alle novità e non temere il cambiamento!",
|
"La tua responsabilità è apprezzata e riconosciuta.",
|
||||||
"Non esitare a chiedere aiuto quando ne hai bisogno.",
|
"Sii più aperto alle novità e non temere il cambiamento!",
|
||||||
"La tua creatività è essenziale per un nuovo progetto.",
|
"Non esitare a chiedere aiuto quando ne hai bisogno.",
|
||||||
"Sii più socievole e aperto con gli altri, potresti scoprire nuove amicizie!",
|
"La tua creatività è essenziale per un nuovo progetto.",
|
||||||
"Non lasciare che la curiosità ti porti a commettere errori.",
|
"Sii più socievole e aperto con gli altri, potresti scoprire nuove amicizie!",
|
||||||
"La tua intuizione è acuta, ascoltala!",
|
"Non lasciare che la curiosità ti porti a commettere errori.",
|
||||||
"Sii più aperto alle novità e non temere il cambiamento!",
|
"La tua intuizione è acuta, ascoltala!",
|
||||||
"Non esitare a chiedere aiuto quando ne hai bisogno.",
|
"Sii più aperto alle novità e non temere il cambiamento!",
|
||||||
];
|
"Non esitare a chiedere aiuto quando ne hai bisogno.",
|
||||||
|
];
|
||||||
|
|
||||||
async function Oroscopo() {
|
|
||||||
document.getElementById("output").innerHTML = "";
|
document.getElementById("output").innerHTML = "";
|
||||||
|
|
||||||
|
if (!(document.getElementById("nome").value === "")) {
|
||||||
|
if (
|
||||||
if (!(document.getElementById("nome").value === "")){
|
!(document.getElementById("segno").value === "Seleziona un segno")
|
||||||
document.getElementById("output").innerHTML = frasi[Math.floor(Math.random() * frasi.length)];
|
) {
|
||||||
|
stats.aggiornaStat(0);
|
||||||
|
stats.aggiornaStat(
|
||||||
|
stats.contatore.indexOf(
|
||||||
|
`conteggio${document.getElementById("segno").value}`
|
||||||
|
)
|
||||||
|
);
|
||||||
|
document.getElementById("output").innerHTML =
|
||||||
|
frasi[Math.floor(Math.random() * frasi.length)];
|
||||||
document.getElementById("bottone").innerHTML =
|
document.getElementById("bottone").innerHTML =
|
||||||
"Chiedi un altro pronostico";
|
"Chiedi un altro pronostico";
|
||||||
|
|
||||||
|
if (document.getElementById("segno").disabled) {
|
||||||
|
document.getElementById("segno").disabled = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
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";
|
||||||
|
} else {
|
||||||
|
alert("Inserire il proprio segno");
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
alert("Inserire il proprio nome");
|
alert("Inserire il proprio nome");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
document
|
//gestione UI sezione trova segno
|
||||||
.getElementById("segno")
|
document.getElementById("segno").addEventListener("input", function () {
|
||||||
.addEventListener("input", function (event) {
|
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
|
document.getElementById("link").addEventListener("click", function () {
|
||||||
.getElementById("link")
|
document.getElementById("output").innerHTML = "";
|
||||||
.addEventListener("click", function (event) {
|
document.getElementById("link").style.display = "none";
|
||||||
document.getElementById("output").innerHTML = "";
|
document.getElementById("defaultInput").style.display = "none";
|
||||||
document.getElementById("link").style.display = "none";
|
document.getElementById("bottone").style.display = "none";
|
||||||
document.getElementById("defaultInput").style.display = "none";
|
document
|
||||||
document.getElementById("bottone").style.display = "none";
|
.querySelectorAll("#trovaSegno > :not(#link)")
|
||||||
document
|
.forEach((tag) => (tag.style.display = "block"));
|
||||||
.querySelectorAll("#trovaSegno > :not(#link)")
|
});
|
||||||
.forEach((tag) => (tag.style.display = "block"));
|
|
||||||
});
|
|
||||||
|
|
||||||
function trovaSegno() {
|
function trovaSegno() {
|
||||||
|
document.getElementById('segno').getElementsByTagName("option")[0].remove()
|
||||||
let isDateInserted = document.getElementById("date").value !== "";
|
let isDateInserted = document.getElementById("date").value !== "";
|
||||||
|
|
||||||
if (isDateInserted) {
|
if (isDateInserted) {
|
||||||
@ -397,89 +396,91 @@
|
|||||||
switch (mese) {
|
switch (mese) {
|
||||||
case 3:
|
case 3:
|
||||||
if (giorno >= 20) {
|
if (giorno >= 20) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[0]);
|
campoSegno.value = segniZodiacali[0];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[11]);
|
campoSegno.value = segniZodiacali[11];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 4:
|
case 4:
|
||||||
if (giorno >= 19) {
|
if (giorno >= 19) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[1]);
|
campoSegno.value = segniZodiacali[1];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[0]);
|
campoSegno.value = segniZodiacali[0];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 5:
|
case 5:
|
||||||
if (giorno >= 20) {
|
if (giorno >= 20) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[2]);
|
campoSegno.value = segniZodiacali[2];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[1]);
|
campoSegno.value = segniZodiacali[1];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 6:
|
case 6:
|
||||||
if (giorno >= 20) {
|
if (giorno >= 20) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[3]);
|
campoSegno.value = segniZodiacali[3];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[2]);
|
campoSegno.value = segniZodiacali[2];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 7:
|
case 7:
|
||||||
if (giorno >= 22) {
|
if (giorno >= 22) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[4]);
|
campoSegno.value = segniZodiacali[4];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[3]);
|
campoSegno.value = segniZodiacali[3];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 8:
|
case 8:
|
||||||
if (giorno >= 22) {
|
if (giorno >= 22) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[5]);
|
campoSegno.value = segniZodiacali[5];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[4]);
|
campoSegno.value = segniZodiacali[4];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 9:
|
case 9:
|
||||||
if (giorno >= 22) {
|
if (giorno >= 22) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[6]);
|
campoSegno.value = segniZodiacali[6];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[5]);
|
campoSegno.value = segniZodiacali[5];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 10:
|
case 10:
|
||||||
if (giorno >= 22) {
|
if (giorno >= 22) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[7]);
|
campoSegno.value = segniZodiacali[7];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[6]);
|
campoSegno.value = segniZodiacali[6];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 11:
|
case 11:
|
||||||
if (giorno >= 21) {
|
if (giorno >= 21) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[8]);
|
campoSegno.value = segniZodiacali[8];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[7]);
|
campoSegno.value = segniZodiacali[7];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 12:
|
case 12:
|
||||||
if (giorno >= 21) {
|
if (giorno >= 21) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[9]);
|
campoSegno.value = segniZodiacali[9];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[8]);
|
campoSegno.value = segniZodiacali[8];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 1:
|
case 1:
|
||||||
if (giorno >= 20) {
|
if (giorno >= 20) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[10]);
|
campoSegno.value = segniZodiacali[10];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[9]);
|
campoSegno.value = segniZodiacali[9];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 2:
|
case 2:
|
||||||
if (giorno >= 18) {
|
if (giorno >= 18) {
|
||||||
campoSegno.value = capitalize(segniZodiacali[11]);
|
campoSegno.value = segniZodiacali[11];
|
||||||
} else {
|
} else {
|
||||||
campoSegno.value = capitalize(segniZodiacali[10]);
|
campoSegno.value = segniZodiacali[10];
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
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";
|
||||||
@ -493,92 +494,59 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function frasiCaricamento() {
|
//gestione immagine segno
|
||||||
let i = 0;
|
function impostaImmagine() {
|
||||||
document.getElementById("output").innerHTML = arrayFrasiCaricamento[i];
|
const immagine = document.createElement("img");
|
||||||
|
immagine.setAttribute(
|
||||||
|
"src",
|
||||||
|
'img/Tutte.png'
|
||||||
|
);
|
||||||
|
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/Tutte.png'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
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();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
/*******************************************************************************************************************************************************/
|
/*******************************************************************************************************************************************************/
|
||||||
</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.
|
|
||||||
|
|
||||||
|
|
||||||
-->
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user