• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

nie działający kod javascript

VPS Starter Arubacloud
–1 głos
168 wizyt
pytanie zadane 22 czerwca 2018 w JavaScript przez Laik1004 Nowicjusz (160 p.)

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();

}	

 

komentarz 22 czerwca 2018 przez pablop76 VIP (123,060 p.)

Dorzuć html. A może to coś pomoże formularze

komentarz 23 czerwca 2018 przez pietrzakacper Mądrala (7,480 p.)

@Laik1004, mógłbyś troszkę lepiej opisać problem. co znaczy, że kod nie działa ? Sypie błędami ? Czy może nie wykonuje pożądanej czynności, jeśli tak to w którym momencie ?

1 odpowiedź

0 głosów
odpowiedź 23 czerwca 2018 przez Laik1004 Nowicjusz (160 p.)
<!DOCTYPE html>

<html lang="pl">

<head>
		<meta charset="utf-8" />
		<title>AddressBook</title>
		
		<link rel= "stylesheet" href= "wyglad.css" type="text/css" />
		<script src="skrypt.js"></script>

</head>

<body>


		<div class="container">
		<div class="title"><h1>Address Book</h1></div>

					<div class="quickAdd"><button id ="quickAdd">+Dodaj</button></div>
					<div class="quickAddForm">
			
					<label for="imie"> Imie </label><input type="text" id="imie" class="formFields"><br>
					
					<label for="nazwisko"> Nazwisko </label><input type="text" id="nazwisko" class="formFields"><br>
					
					<label for="telefon"> Telefon </label><input type="text" id="telefon" class="formFields"><br>
					
					<label for="email"> Email </label><input type="text" id="email" class="formFields"><br>
					
					<label for="dataUr"> DataUrodzenia </label><input type="text" id="dataUr" class="formFields"><br>
					
					<br><br>
					
					<button id="Add">Dodaj Dane</button>
					<button id="cancel">Usuń</button>
				
					</div>
				 			
					<div class="addbook">
					<div class="entry">
						<div class="imie"><p>imie</p></div>
						<div class="nazwisko"><p>nazwisko</p></div>
						<div class="telefon"><p>100100100</p></div>
						<div class="email"><p>kk@ue.pl</p></div>
						<div class="dataUr"><p>29-01-1993</p></div>
						</div>
</div>
</div>

	
</body>


</html>

 

Podobne pytania

0 głosów
3 odpowiedzi 368 wizyt
pytanie zadane 15 września 2018 w JavaScript przez kameleon Użytkownik (590 p.)
+1 głos
2 odpowiedzi 201 wizyt
pytanie zadane 17 czerwca 2020 w JavaScript przez Marak123 Stary wyjadacz (11,190 p.)
0 głosów
0 odpowiedzi 118 wizyt
pytanie zadane 27 lutego 2019 w JavaScript przez Kubs Mądrala (5,190 p.)

92,455 zapytań

141,263 odpowiedzi

319,100 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...