test table filter

Brand:

Semua

Rilis:

Semua
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024

Jaringan:

Semua
GSM
CDMA
HSPA
EVDO
LTE
5G

Ukuran Layar:

Semua
3 – 4 Inch
4 – 5 Inch
5 – 6 Inch
>6 Inch

RAM:

Semua
2GB
3GB
4GB
6GB
8GB
12GB

ROM:

Semua
32GB
64GB
128GB
256GB
512GB
1TB

Memori Eksternal:

Semua
Ada
Tidak Ada

Kamera Depan:

Semua
Single
Dual

Kamera Belakang:

Semua
Single
Dual
Triple
Quad

NFC:

Semua
Ada
Tidak Ada

Kapasitas Baterai:

Semua
1000mAh – 2000mAh
2000mAh – 3000mAh
3000mAh – 4000mAh
4000mAh – 5000mAh
>5000mAh

Harga:

Semua
>5 Juta

Rating:

Semua
>9

Brand

Smartphone

RAM/ROM

Harga

Apple

iPhone 13 Mini

2GB/32GB

$999

2020

Apple

iPhone 13 Pro

3GB/64GB

$999

2021

Apple

iPhone 13 Pro Max

4GB/128GB

$999

2022

Apple

iPhone 13 Plus

6GB/256GB

$999

2023

Apple

iPhone 13 Pro Plus

8GB/512GB

$999

2024

Apple

iPhone 13 Pro Max Plus

12GB/1TB

$999

2024

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

.filter-container {
width: 100%;
background-color: #ccc;
border-radius: 5px;
padding: 10px;
box-sizing: border-box;
margin-bottom: 10px;
overflow: hidden;
}

.filter-container label, .filter-container select {
margin-right: 10px;
}

table {
width: 100%;
border-collapse: collapse;
}

th, td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}

tr:nth-child(even) {
background-color: #f2f2f2;
}

document.addEventListener(‘DOMContentLoaded’, function() {
var filterDropdowns = document.querySelectorAll(‘.filter-container select’);
filterDropdowns.forEach(function(select) {
select.addEventListener(‘change’, filterTable);
});

filterTable(); // Filter tabel saat halaman dimuat
});

function filterTable() {
var brandFilter = document.getElementById(“brandFilter”).value.toUpperCase();
var releaseFilter = document.getElementById(“releaseFilter”).value.toUpperCase();
var networkFilter = document.getElementById(“networkFilter”).value.toUpperCase();
var screenSizeFilter = document.getElementById(“screenSizeFilter”).value.toUpperCase();
var ramFilter = document.getElementById(“ramFilter”).value.toUpperCase();
var romFilter = document.getElementById(“romFilter”).value.toUpperCase();
var externalMemoryFilter = document.getElementById(“externalMemoryFilter”).value.toUpperCase();
var frontCameraFilter = document.getElementById(“frontCameraFilter”).value.toUpperCase();
var rearCameraFilter = document.getElementById(“rearCameraFilter”).value.toUpperCase();
var nfcFilter = document.getElementById(“nfcFilter”).value.toUpperCase();
var batteryCapacityFilter = document.getElementById(“batteryCapacityFilter”).value.toUpperCase();
var priceFilter = document.getElementById(“priceFilter”).value.toUpperCase();
var ratingFilter = document.getElementById(“ratingFilter”).value.toUpperCase();

var table = document.getElementById(“myTable”);
var rows = table.getElementsByTagName(“tr”);

for (var i = 0; i -1 &&
releaseValue.toUpperCase().indexOf(releaseFilter) > -1 &&
networkValue.toUpperCase().indexOf(networkFilter) > -1 &&
screenSizeValue.toUpperCase().indexOf(screenSizeFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(ramFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(romFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(externalMemoryFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(frontCameraFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(rearCameraFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(nfcFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(batteryCapacityFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(priceFilter) > -1 &&
ramRomValue.toUpperCase().indexOf(ratingFilter) > -1) {
rows[i].style.display = “”;
} else {
rows[i].style.display = “none”;
}
}
}
}
https://ouo.io/98O769h