Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- document.getElementById('btnTrigger').addEventListener('click',function(){
- addDataToTable();
- });
- document.getElementById('deleteAllRows').addEventListener('click',function(){
- deleteAllRows();
- });
- function addDataToTable() {
- askData();
- createRow();
- fillRow();
- }
- function askData() {
- var returnToAsk = true;
- while (returnToAsk) {
- window.name = prompt('Enter Your Name');
- returnToAsk = validateName();
- }
- returnToAsk = true;
- while (returnToAsk) {
- window.surname = prompt('Enter your surname');
- returnToAsk = validateSurname();
- }
- returnToAsk = true;
- while (returnToAsk) {
- window.phonenumber = prompt('Enter your phone nubmer');
- returnToAsk = validatePhoneNumber();
- }
- }
- function createRow() {
- window.nameTableRow = document.createElement('td');
- window.nameTableRow.className = "nameData";
- window.surnameTableRow = document.createElement('td');
- window.surnameTableRow.className = "surnameData";
- window.phonenumber1 = document.createElement('td');
- window.phonenumber1.className = "numberData";
- window.button = document.createElement('button');
- window.dataRow = document.createElement('tr');
- window.dataRow.className = "tableRow";
- dataRow.appendChild(window.nameTableRow);
- dataRow.appendChild(window.surnameTableRow);
- dataRow.appendChild(window.phonenumber1);
- window.button.classList.add('removeBtn');
- window.button.addEventListener('click',function(){
- deleteYourRow(this);
- })
- dataRow.appendChild(window.button);
- window.button.innerHTML = "remove";
- window.body = document.getElementById("body");
- body.appendChild(dataRow);
- }
- function fillRow() {
- var saveName = window.dataRow.getElementsByClassName("nameData")[0];
- saveName.innerHTML = window.name;
- var saveSurname = window.dataRow.getElementsByClassName("surnameData")[0];
- saveSurname.innerHTML = window.surname;
- var saveNumber = window.dataRow.getElementsByClassName("numberData")[0];
- saveNumber.innerHTML = window.phonenumber;
- }
- function deleteAllRows() {
- document
- .querySelectorAll('.tableRow')
- .forEach(item => item.remove());
- }
- function deleteYourRow(self) {
- self.parentNode.remove();
- }
- function validateName(){
- var buffer = window.name.search( /[^a-z]/i );
- if (buffer < 0 && window.name.length < 32){
- return false;
- }
- alert("name xuina");
- return true;
- }
- function validateSurame(){
- var buffer = window.surname.search( /[^a-z]/i );
- if (buffer < 0 && window.surname.length < 32){
- return false;
- }
- alert("surname xuina");
- return true;
- }
- function validatePhoneNumber(){
- var buffer = window.phonenumber.search( /[^\d]/i );
- if (buffer < 0 && window.phonenumber.length < 32){
- return false;
- }
- alert("phonenumber xuina");
- return true;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement