Witam, mam problem ze stworzeniem prostego formularza kontaktowego. Jestem bardzo początkującym programistą w języku JS i nie wiem dlaczego po napisaniu kodu formularza kod html i CSS działa natomiast kod javascript nie. Wrzucam mój kod i może ktoś popatrzy na niego bardziej profesjonalnym okiem i znajdzie rozwiązanie mojego problemu:).
window.onload=function(){
var quickAddBtn = document.getElementById('quickAdd');
var quickAddFormDiv = document.getElementById('.quickAddForm');
var cancelBtn = document.getElementById('cancel');
var AddBtn = document.getElementById('Add');
var imie = document.getElementById('imie');
var telefon = document.getElementById('telefon');
var nazwisko = document.getElementById('nazwisko');
var dataUr = document.getElementById('dataUr');
var email = document.getElementById('email');
var addBookDiv = document.querySelector(' .addBook');
var addressBook=[];
quickAddBtn.addEventListener('click', function(){
quickAddFormDiv.style.display = "block";
});
cancelBtn.addEventListener('click', function(){
quickAddFormDiv.style.display = "none";
});
AddBtn.addEventListener('click', addToBook);
addBookDiv.addEventListener('click', removeEntry);
var addressBook = [];
function jsonStructure(imie,nazwisko,telefon,dataUr,email){
this.imie=imie;
this. nazwisko=nazwisko;
this.email=email;
this.dataUr=dataUr;
this.telefon=telefon;
}
function addToBook(){
var isNull = imie.value!=' ' && nazwisko.value!=' ' && email.value!=' ' && telefon.value!=' ' && dataUr.value!=' ';
if(isNull){
var obj = new jsonStructure(imie.value,nazwisko.value, telefon.value, email.value, dataUr.value);
addressBook.push(obj);
localStorage['addbook'] = JSON.stringify(addressBook);
quickAddDiv.style.display = "none";
clearForm();
showAddressBook();
}
}
function removeEntry(e){
if(e.target.classList.contains('delbutton')){
var remID = e.target.getAttribute('data-id');
addressBook.splice(remID,1);
localStorage['addbook'] = JSON.stringify(addressBook);
showAddressBook();
}
}
function clearForm(){
var formFields = document.querySelectorAll('.formFields');
for(var i in formFields){
formFields[i].value = ' ';
}
}
function showAddressBook(){
if(localStorage['addbook'] === undefined){
localStorage['addbook'] =' ';
} else{
addressBook = JSON.parse(localStorage['addbook']);
addBook.Div.innerHTML = ' ';
for(var n in addressBook){
var str = '<div class="entry">';
str += '<div class="fullname"><p>' +addressBook[n].fullname + '</p></div>';
str += '<div class="address"><p>' +addressBook[n].address + '</p></div>';
str += '<div class="phone"><p>' +addressBook[n].phone + '</p></div>';
str += '<div class="email"><p>' +addressBook[n].email + '</p></div>';
str += '<div class="city"><p>' +addressBook[n].city + '</p></div>';
str += '<div class="del"><a href="#" class="delbutton" data-id="' + n +'">Delete</a></div>';
str += '</div>';
addBookDiv.innerHTML += str;
}
}
}
showAddressBook();
}