- <html>
- <head>
- <meta charset="utf-8"/>
- <link rel="stylesheet" href="style.css" />
- <link href="https://fonts.googleapis.com/css2?family=Lato&family=cursivefont&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap" rel="stylesheet">
- <title>xD</title>
- <script>
- var daniag = [];
- var daniag_ilosc = [];
- var dodatki = [];
- var dodatki_ilosc = [];
- var surowka = [];
- var surowka_ilosc = [];
- var zupa = [];
- var zupa_ilosc = [];
- var zamow_check = 0;
- var wypisanie = '';
- function zamow(){
- daniag.push(document.getElementById('danie1').value);
- daniag_ilosc.push(document.getElementById('danie1_num').value);
- dodatki.push(document.getElementById('danie2').value);
- dodatki_ilosc.push(document.getElementById('danie2_num').value);
- surowka.push(document.getElementById('danie3').value);
- surowka_ilosc.push(document.getElementById('danie3_num').value);
- zupa.push(document.getElementById('danie4').value);
- zupa_ilosc.push(document.getElementById('danie4_num').value);
- document.getElementById('slot1').innerHTML = 'Dziękujemy za zamówienie!';
- zamow_check = 1;
- }
- function wypisz(){
- var wypisanie = '';
- if(zamow_check == 1){
- if((daniag_ilosc[daniag_ilosc.length - 1] != 0)&&(daniag[daniag.length - 1] != 'Brak głównego dania')&&(daniag_ilosc[daniag_ilosc.length - 1] > 0)){
- wypisanie += daniag[daniag.length - 1] + daniag_ilosc[daniag_ilosc.length - 1] + '<br>';
- }
- else{
- wypisanie += 'Brak głównego dania<br>';
- }
- if((dodatki_ilosc[dodatki_ilosc.length - 1] != 0)&&(dodatki[dodatki.length - 1] != 'Brak dodatków')&&(dodatki_ilosc[dodatki_ilosc.length - 1] > 0)){
- wypisanie += dodatki[dodatki.length - 1] + dodatki_ilosc[dodatki_ilosc.length - 1] + '<br>';
- }
- else{
- wypisanie += 'Brak dodatków<br>';
- }
- if((surowka_ilosc[surowka_ilosc.length - 1] != 0)&&(surowka[surowka.length - 1] != 'Brak surówki')&&(surowka_ilosc[surowka_ilosc.length - 1] > 0)){
- wypisanie += surowka[surowka.length - 1] + surowka_ilosc[surowka_ilosc.length - 1] + '<br>'
- }
- else{
- wypisanie += 'Brak surówek<br>';
- }
- if((zupa_ilosc[zupa_ilosc.length - 1] != 0)&&(zupa[zupa.length - 1] != 'Brak zupy')&&(zupa_ilosc[zupa_ilosc.length - 1] > 0)){
- wypisanie += zupa[zupa.length - 1] + zupa_ilosc[zupa_ilosc.length - 1];
- }
- else{
- wypisanie += 'Brak zupy<br>';
- }
- document.getElementById('slot1').innerHTML = wypisanie;
- }
- else document.getElementById('slot1').innerHTML = 'Najpierw wybierz zamówienie!';
- }
- </script>
- </head>
- <body>
- <div class="container3">
- <header>
- <br><br>
- <center><h1><span class="cursivefont">Restauracja</span></h1></center><br><br>
- </header>
- <div class="container2">
- <div class="container">
- <center>
- <span class="cursivefont">1. Głowne danie</span><br><br>
- <select id="danie1">
- <option value="Brak głównego dania">Brak</option>
- <option value="Schabowy x ">Schabowy</option>
- <option value="Pieczeń x ">Pieczeń</option>
- <option value="Rolada x ">Rolada</option>
- <option value="Żeberka x ">Żeberka</option>
- <option value="Karkówka x ">Karkówka</option>
- </select><br>
- Ilość: <input type="number" id="danie1_num" value="" min="0"/><br>
- </center>
- </div>
- <div class="container">
- <center>
- <span class="cursivefont">2. Dodatki</span><br><br>
- <select id="danie2">
- <option value="Brak dodatków">Brak</option>
- <option value="Frytki x ">Frytki</option>
- <option value="Ziemniaki x ">Ziemniaki</option>
- <option value="Kluski x ">Kluski</option>
- <option value="Ryż x ">Ryż</option>
- <option value="Makaron x ">Makaron</option>
- </select><br>
- Ilość: <input type="number" id="danie2_num" value="" min="0"/><br>
- </center>
- </div>
- <div class="container">
- <center>
- <span class="cursivefont">3. Surówki</span><br><br>
- <select id="danie3">
- <option value="Brak surówki">Brak</option>
- <option value="Warzywna x ">Warzywna</option>
- <option value="Surówka z kapusty x ">Surówka z kapusty</option>
- <option value="Buraczki x ">Buraczki</option>
- <option value="Marchewka x ">Marchewka</option>
- <option value="Jarzynowa x ">Jarzynowa</option>
- </select><br>
- Ilość: <input type="number" id="danie3_num" value="" min="0"/><br>
- </center>
- </div>
- <div class="container">
- <center>
- <span class="cursivefont">4. Zupy</span><br><br>
- <select id="danie4">
- <option value="Brak zupy">Brak</option>
- <option value="Barszcz x ">Barszcz</option>
- <option value="Rosół x ">Rosół</option>
- <option value="Pomidorowa x ">Pomidorowa</option>
- <option value="Żurek x ">Żurek</option>
- <option value="Ogórkowa x ">Ogórkowa</option>
- </select><br>
- Ilość: <input type="number" id="danie4_num" value=""/><br>
- </center>
- </div>
- </div><!-- container2 -->
- <br><br>
- <center>
- <button onClick="zamow()">Zamów</button><br>
- <button onClick="wypisz()">Sprawdź zamówienie</button><br>
- <button onClick="location.reload()">Zresetuj</button><br>
- </center>
- <br><br>
- <center><span id="slot1"></span></center>
- </div><!-- container3 -->
- </body>
- </html>