Telefongrāmata (JS)

Izmantojot Bootstrap, izveido un noformē lapu pēc parauga.

Spied uz bildes!

Pievieno nepieciešamo funkcionalitāti:

• Nospiežot pogu [Pievienot] ielasa ievadīto vārdu un numuru no ievaddatu laukiem un pievieno jaunu rindu tabulā.
• Nospiežot pogu [Saglabāt visus kontaktus] pārlūkprogrammas atmiņā saglabā visus tabulas ierakstus.
• Ielādējoties lapai, pārbauda, vai pārlūkprogrammas atmiņā ir dati. Ja dati ir, tos ielādē tabulā.

Piemērs tabulas papildināšanai ar JS

// Atlasa tabulu
var table = document.getElementById("myTable");

// Atlasa tbody elementu dotajā tabulā
var tbody = table.getElementsByTagName("tbody")[0];

// Ievieto jaunu rindu
var newRow = tbody.insertRow();

// Ievieto rindā jaunus laukus
var cell1 = newRow.insertCell(0);
var cell2 = newRow.insertCell(1);

// Ievieto tekstu
cell1.innerHTML = "New Data 1";
cell2.innerHTML = "New Data 2";