ind

<!DOCTYPE html>
<html>
<head>
<title>Restauracja Wszystkie Smaki</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/styl1.css">
<script src="empty.js"></script>
    <script>
    const form = document.querySelector('#form');

form.addEventListener('submit', function(e){
  const data = document.querySelector('#data_rez').value;
  const liczba_osob = document.querySelector('#liczba_osob').value;
  const telefon = document.querySelector('#telefon').value;
  const checkbox = document.querySelector('#checkbox').checked;
  if(validDate(data) && liczba_osob !=='' && telefon !=='' && checkbox){

  }else{
    e.preventDefault();
    alert('Coś jest źle')
  }
});


function validDate(data_rez){

  if(data_rez === ''){
     return false;
   }
  const dateArr = data_rez.split('-');

  const inputDate = new Date();
  const now = new Date();

  inputDate.setYear(parseInt(dateArr[0]));
  inputDate.setMonth(parseInt(dateArr[1]));
  inputDate.setDate(parseInt(dateArr[2]));

  if(now > inputDate){
     return false;
   }else{
     return true;
   }
}
    </script>


</head>
<body>
<div class="banner">
    <h1>Witamy w restauracji „Wszystkie Smaki”</h1>
</div>
<div class="d-left">
    <img src="img/menu.jpg" alt="Nasze danie" />
</div>
<div class="d-right">
    <h4>U nas dobrze zjesz!</h4>
    <ul>
        <li>Obiady od 40 zł</li>
        <li>Przekąski od 10 zł</li>
        <li>Kolacje od 20 zł</li>
    </ul>
</div>
<div style="clear: both"></div>
<div class="d-down">
<form action="" method="post" id="form">
    <h2>Zarezerwuj stolik on-line</h2><br>
    Data (format rrrr-mm-dd):<br>
    <input type="text" name="data_rez" id="data_rez" value=""><p id="idata_rez" class="error"></p>
    Ile osób?<br>
    <input type="number" name="liczba_osob" id="liczba_osob"><p id="iliczba_osob" class="error"></p>
    Twój numer telefonu:<br>
    <input type="text" name="telefon" id="telefon"><p id="itelefon" class="error"></p>
    <input type="checkbox" name="agreed" id="checkbox">Zgadzam się na przetwarzanie moich danych osobowych<p id="icheckbox" class="error"></p><br>
    <input type="reset" id="reset" value="WYCZYŚĆ"><input type="submit" value="REZERWUJ" id="submit"><br>
    </form>

</div>
    <div id="zegar"></div>
<div class="footer">
    Stronę internetową opracował: <i>00200300800</i>
</div>
</body>
</html>