Ciao a tutti io vorrei creare una rubrica telefonica al moemnto come HTML ho inserito il seguente codice
Come script javascript ho messo il seguente
Il problema e che io vorrei che all'aggiunta di un contatto dopo aver cliccato su AGGIUNGI CONTATTO tutto ciò che è stato inserito nel form venga salvato in locale e inserito in una tabella in una nuova pagina HTML.
E' possibile? Aspetto un vostro aiuto. Grazie!
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rubrica</title>
<link rel="stylesheet" href="style.css">
</head>
<body style="background-color: rgba(128, 128, 128, 0.342);">
<div id="contenitore_generale" >
<br><br>
<h1>Grd</h1><br>
<div class="input" id="form">
<h1>Aggiungi contatto</h1><br><br>
<input type="text" id="inp1" placeholder="Nome"><br>
<input type="text" id="inp2" placeholder="Cognome"><br>
<input type="text" id="inp3" placeholder="Mansione"><br>
<input type="text" id="inp4" placeholder="N° di cell"><br><br>
<button class="btn" id="btn">Aggiungi contatto</button><br>
<button class="btnx" id="btn">Aggiungi contatto</button>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
JavaScript:
const inp1 =document.querySelector('#inp1');
const inp2 =document.querySelector('#inp2');
const inp3 =document.querySelector('#inp3');
const inp4 =document.querySelector('#inp4');
const btn=document.querySelector('#btn');
const btnx =document.querySelector('#btnx');
const form=document.querySelector('#form');
btn.addEventListener('click',add)
function add(e){
//messaggi di errore
if(inp1.value==""){
alert("Non lasciare vuoto il campo nome!")
}
if(inp2.value==""){
alert("Non lasciare vuoto il campo Cognome!")
}
if(inp3.value==""){
alert("Non lasciare vuoto il campo Mansione!")
}
if(inp4.value==""){
alert("Non lasciare vuoto il campo N° di cell!")
}
e.preventDefault()
}
Il problema e che io vorrei che all'aggiunta di un contatto dopo aver cliccato su AGGIUNGI CONTATTO tutto ciò che è stato inserito nel form venga salvato in locale e inserito in una tabella in una nuova pagina HTML.
E' possibile? Aspetto un vostro aiuto. Grazie!
Ultima modifica da un moderatore: