114 lines
3.7 KiB
HTML
114 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
|
|
<title>Titolo</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
<script src="script.js" defer></script>
|
|
</head>
|
|
<body class="griglia">
|
|
<div class="titolo"><center>˗ˏˋ ★ ˎˊ˗ Oroscopo ˗ˏˋ ★ ˎˊ˗</center></div>
|
|
<div class="content">
|
|
<center>
|
|
<div id="defaultInput">
|
|
<label for="nome">Nome:</label>
|
|
<input id="nome" name="nome" />
|
|
<br />
|
|
<label for="segno">Segno:</label>
|
|
<select name="segno" id="segno">
|
|
<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 />
|
|
<div id="trovaSegno">
|
|
<a href="javascript: void(0)" id="link">Non conosci il tuo segno?</a>
|
|
<p">Inserisci la tua data di nascita:</p>
|
|
<input type="date" id="date" />
|
|
<br />
|
|
<br />
|
|
<button onclick="trovaSegno()">Trova il tuo segno</button>
|
|
</div>
|
|
<br />
|
|
<button onclick="Oroscopo()" id="bottone">
|
|
Chiedi il tuo pronostico
|
|
</button>
|
|
<br />
|
|
<br />
|
|
<div id="output"></div>
|
|
</center>
|
|
</div>
|
|
<div class="nomeRiquadro2"><center>Chi ha fatto affidamento a questo sito:</center></div>
|
|
<div class="nomi">
|
|
<ul>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="nomeRiquadro1"><center>Stats</center></div>
|
|
<div class="stats" id="stats">
|
|
<p>
|
|
Utenti che hanno fatto affidamento a questo oroscopo:
|
|
<span id="conteggioTotale">0</span>
|
|
</p>
|
|
<table>
|
|
<tr>
|
|
<td>Utenti di segno ariete: <span id="conteggioAriete">0</span></td>
|
|
<td class="tabellaColonna2">
|
|
Utenti di segno toro: <span id="conteggioToro">0</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Utenti di segno gemelli: <span id="conteggioGemelli">0</span></td>
|
|
<td class="tabellaColonna2">
|
|
Utenti di segno cancro: <span id="conteggioCancro">0</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Utenti di segno leone: <span id="conteggioLeone">0</span></td>
|
|
<td class="tabellaColonna2">
|
|
Utenti di segno vergine: <span id="conteggioVergine">0</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Utenti di segno bilancia: <span id="conteggioBilancia">0</span>
|
|
</td>
|
|
<td class="tabellaColonna2">
|
|
Utenti di segno scorpione: <span id="conteggioScorpione">0</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Utenti di segno sagittario: <span id="conteggioSagittario">0</span>
|
|
</td>
|
|
<td class="tabellaColonna2">
|
|
Utenti di segno capricorno: <span id="conteggioCapricorno">0</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Utenti di segno acquario: <span id="conteggioAcquario">0</span>
|
|
</td>
|
|
<td class="tabellaColonna2">
|
|
Utenti di segno pesci: <span id="conteggioPesci">0</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="nomeRiquadro3"><center>Segno</center></div>
|
|
<div class="segno">
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|