39 lines
850 B
HTML
39 lines
850 B
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Reifenliste mit Größenfilter</title>
|
||
<title>Interaktive Produktliste mit Filter</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
</head>
|
||
<body>
|
||
|
||
<h1>Autoreifen – Filterfunktion</h1>
|
||
|
||
|
||
<input type="text" id="search" placeholder="Reifen suchen..." onkeyup="filterProducts()">
|
||
|
||
<br><br>
|
||
|
||
<label>Maximalpreis: </label>
|
||
<input type="number" id="priceFilter" placeholder="Preis" oninput="filterProducts()">
|
||
|
||
<br><br>
|
||
|
||
|
||
<label>Reifengröße wählen: </label>
|
||
<select id="sizeFilter" onchange="filterProducts()">
|
||
<option value="">Alle Größen</option>
|
||
<option value="16">16 Zoll</option>
|
||
<option value="17">17 Zoll</option>
|
||
<option value="18">18 Zoll</option>
|
||
<option value="19">19 Zoll</option>
|
||
</select>
|
||
|
||
<br><br>
|
||
|
||
<div id="product-list"></div>
|
||
|
||
</body>
|
||
</html>
|