amazon.html


<!DOCTYPE html>
<html lang="EN" xmlns="http://www.w3.org/1999/xhtml">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
    <meta charset="utf-8" />
    <title>Amazon Filters</title>
</head>
<style>
  :root {
    color-scheme: light dark;
  }
  body {
    color: #222;
    background: #fff;
    font: 100% system-ui;
  }
  a {
    color: #0033cc;
  }

  @media (prefers-color-scheme: dark) {
    body {
      color: #eee;
      background: #121212;
    }

    body a {
      color: #809fff;
    }
  }
</style>  
<body>

<h3>Amazon Search</h3>
<p>With free shipping and sort by price.</p>
<p>Type item to search and hit enter key or Find button.</p>

<input id="searchTxt" value="sensitive toothpaste" onClick="this.setSelectionRange(0, this.value.length)">
<button id="findBtn" onclick="javascript:window.open('https://www.amazon.com/s?k='+document.getElementById('searchTxt').value+'&rh=p_76%3A2661625011&s=price-asc-rank&dc', '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">Find</button>

<p>Filters are not retained. So, please come back to this page for every new search.</p>

<script>
var input = document.getElementById("searchTxt");
input.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("findBtn").click();
  }
});
</script>
</body>
</html>