- Messages
- 119
- Reaction score
- 0
- Points
- 26
Mga master humihingi ulit po ako ng tulong. ayaw naman po kasi gumana ng filter. gusto ko po mangyari ay magshoshow ang data na nilagay ko sa search box.
eto po yung link ng code
https://jsfiddle.net/pinun0/4s1eyjt0/23/
javascript html at css palang alam ko.
eto po yung link ng code
https://jsfiddle.net/pinun0/4s1eyjt0/23/
javascript html at css palang alam ko.
sbmt.onclick = function() {
let colID = document.querySelectorAll('tr').length
let txtname = document.getElementById('name')
insertName = txtname.value
let middle = document.getElementById('middle')
middletxt = middle.value
let textLast = document.getElementById('last')
insertLast = textLast.value
let txttAge = document.getElementById('age')
insertAge = txttAge.value
let ageInt = parseInt(insertAge);
if ((insertName && insertLast && insertAge) === "") {
alert("invalid input")
return;
} else if (insertName.length <= 1) {
alert("Name is not valid")
return;
} else if (insertLast.length <= 1) {
alert("lastname is not valid")
return;
} else if (ageInt <= 17) {
alert("age must be 18 above")
return;
}
let insertData = document.getElementById('MyTable');
let insertD = insertData.insertRow(1);
let UID = insertD.insertCell(0);
let Name = insertD.insertCell(1);
let Mid = insertD.insertCell(2);
let Last = insertD.insertCell(3);
let Age = insertD.insertCell(4);
//show text in row, text converted to proper case! 'copy paste code' )
UID.innerHTML = colID;
Name.innerHTML = insertName.replace(/\w\S*/g, function(txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
});
Mid.innerHTML = middletxt.replace(/\w\S*/g, function(txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
});
Last.innerHTML = insertLast.replace(/\w\S*/g, function(txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
});
Age.innerHTML = insertAge;
}
//DITO PO MAY PROBLEMA !filter ayaw gumana!
searchBtn.onclick = function(){
let searchTxt = document.getElementById('search');
let search = searchTxt.value
let rowlist = document.querySelectorAll('tr')
let searchname = rowlist.filter(x=>x.innerHTML ===search);
console.log(searchname);
}
Last edited: