Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>qualcosa</title>
    <style>

        .colore{
          color:aqua;
          margin-right: 5%;
        }
        .input{
            background-color:#a5c1ef;
            border-color:#a5c1ef;
        }
    /*style delle parti principali*/
        .titolooo h1{
	text-align: center;
	font-size: 100px;
	color: #22537b;
}
.indietro{
	margin-top:-210px;
	color: #258ee4 ;
	list-style:none;
	font-size:25px;
	margin-left:-30px;
	float:left;
	display:inline;

}
.indietro1{
	margin-top:-210px;
	color: #258ee4 ;
	list-style:none;
	font-size:25px;
	margin-right: 30px;
	float:right;
	display:inline;

}
.indietro a{
	text-decoration:none;
}
.indietro a:visited{
	color: #258ee4;
}
.indietro a:hover{
	color: #91bfe4;

}
.indietro1 a{
	text-decoration:none;
}
.indietro1 a:visited{
	color: #258ee4;
}
.indietro1 a:hover{
	color: #91bfe4;

}

/*fine codice parte sopra*/

    </style>
</head>
<body style="background-image: url(natura.png); background-size: cover;">
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>

<!--parte fissa-->

<div class="titolooo"><h1>fake database</h1></div>

<!--parte di sopra per il codice e tornare indietro!-->
<ul class="indietro">
    <li>
        <a href="../home/main.html">torna indietro</a>
    </li>
</ul>
<ul class="indietro1">
    <li>
        <a href="https://pastebin.com/Gub9rXUP">codice</a>
    </li>
</ul>
<!--testo-->


    <center><h1 id="cliick" style="color:turquoise;margin-top: 10%;">prova database</h1></center>

<center>
<table style="border: double 10px cadetblue;margin-top: 100px;padding:5px;">
    <tr>
        <td class="colore">nome</td>
        <td><input name="" id="nome" type="text" placeholder="inserire il nome" class="input"></td>
    </tr>
    <tr>
        <td class="colore">cognome</td>
        <td><input name="" id="nomee" type="text" placeholder="inserire il cognome" class="input"></td>
    </tr>
    <tr>
        <td class="colore">eta</td>
        <td><input name="" id="nomeee" type="number" placeholder="inserire l'età" class="input"></td>
    </tr>
    <tr>
        <td colspan="2"><center><div style="color:white" onclick="riempire()">ok</div></center></td>
        <td></td>
    </tr>
</table>
</center>

<script>

        function riempire(){
            alert("va che i dati non verranno mai inseriti da qualche parte! e totalmente uno spreco di tempo!");
            $("#nome").val("ritenta <3");
            $("#nomee").val("ritenta <3");
            $("#nomeee").val(00);
            document.getElementById("cliick").innerHTML = "non esiste nessun database ahah ";

        }
    </script>


</body>
</html>