2023-05-15 13:53:34 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Heisse Preise</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div class="main">
|
2023-05-17 16:55:46 +02:00
|
|
|
<h2>Heisse Preise</h2>
|
2023-05-15 13:53:34 +02:00
|
|
|
<input id="search" class="search" type="text" placeholder="Produkte suchen...">
|
|
|
|
<div class="filters">
|
2023-05-15 22:35:36 +02:00
|
|
|
<label><input id="billa" type="checkbox" checked="true"> Billa</label>
|
|
|
|
<label><input id="spar" type="checkbox" checked="true"> Spar</label>
|
2023-05-17 16:55:46 +02:00
|
|
|
<label><input id="eigenmarken" type="checkbox"> Nur CLEVER & S-BUDGET</label>
|
2023-05-15 22:35:36 +02:00
|
|
|
</div>
|
|
|
|
<div class="filters">
|
|
|
|
<label>Min € <input id="minprice" type="number" min="0" value="0"></label>
|
|
|
|
<label>Max € <input id="maxprice" type="number" min="0" value="100"></label>
|
|
|
|
<label><input id="exact" type="checkbox"> Exaktes Wort</label>
|
2023-05-15 13:53:34 +02:00
|
|
|
</div>
|
|
|
|
<div class="results">
|
|
|
|
<table id="result">
|
|
|
|
</table>
|
2023-05-17 16:55:46 +02:00
|
|
|
</div>
|
2023-05-15 13:53:34 +02:00
|
|
|
</div>
|
|
|
|
<script src="main.js"></script>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|