Kolorwanie:
Status:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
<!DOCTYPE html>
<html>
<head>
    <title>Zadanie</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    
      
</head>
<body>
    <div>
        <header>
    <center><article> 
<aside id="x"> </aside>
<aside id="x1"> </aside>
</article>
        </center>
            <figure>
                <img src="logo%20najlepszej%20firmy%20na%20%C5%9Bwiecie.jpg" alt="Zdjęcie się nie załadowało">
            </figure>
        
        <ul>
            <li><a href="#"> Programy <p>lojalnościowe</p> </a></li>
            <li><a href="#"> Porady </a></li>
            <li><a href="#"> Forum </a></li>
        </ul>
        
        <input type="text" placeholder="Wyszukaj">
                <div>
                    <i class="fab fa-facebook"></i>
                <i class="fab fa-instagram"></i>
                <i class="fab fa-twitter"></i>
              
                </div>
        
        </header>
        <nav>   
            <ul>
                <li><a href="#">Budowa</a></li>
                <li><a href="#">Technika</a></li>
                <li><a href="#">Projekt</a></li>
                <li><a href="#">Dekoracja</a></li>
            </ul>
        </nav>
    </div>
 <main>
 <center><figure><img src="24056_uf_jak_goraco_1323x455_v2.jpg"></figure></center>
<center><h1>Witaj w sklepie wybierz produkut ten, który Cię interesuje:</h1></center> 
<section class="glowny">


          <center>
            <section>
                <aside>
                    <img src="wiertarka.jpg">
                    <h1 >Cena[zł]:</h1><h2  id="cena1">559</h2>
                    <h1>Ilość
<input id="ilosc1" type="number" value="1" min="0" onchange="cena_prod(1)">
</h1>

                </aside>
                <aside>
                    <img src="m%C5%82otek.jpg">
                    <h1>Cena[zł]:</h1><h2  id="cena2">75</h2>
                    <h1>Ilość
<input id="ilosc2" type="number" value="1" min="0" onchange="cena_prod(2)">
</h1>
                 
                </aside>
                <aside>
                    <img src="imbusy.png">
                    <h1>Cena[zł]:</h1><h2  id="cena3">65</h2>
                    <h1>Ilość
    <input  id="ilosc3"type="number" value="1" min="0" onchange="cena_prod(3)">
</h1>
           
                </aside>
                <aside>
                   <img src="basen.jpg">
                    <h1>Cena[zł]:</h1><h2  id="cena4">599</h2>
                    <h1>Ilość
    <input id="ilosc4" type="number" value="1" min="0" onchange="cena_prod(4)">
</h1>
                    
                </aside>
                </center>
            </section>


</section>    
<script type="text/javascript">
function zero(x){         
    if(x<10)
    {        
     return '0'+x;
    }    
 else{
    return x; 
    }     
}

 var time = () =>{ 
var miesiac=["Styczeń","Luty","Marczec","Kwiecien","Maj","Czerwiec","Lipiec","Sierpien","Wrzesien","Pazdziernik","Listoad","Grudzien"];
var dni=["Niedziela","Poniedzialek","Wtorek","Środa","Czwartek","Piątek","Sobota"];

var data = new Date();
document.getElementById('x').innerHTML = zero(data.getHours())+":"+zero(data.getMinutes())+":"+zero(data.getSeconds());

var czas = data.getTime();
document.getElementById('x1').innerHTML =dni[data.getDay()] +" " + zero(data.getDate())+" "+miesiac[data.getMonth()]+" "+data.getFullYear();





setTimeout("time()",1000);
}
time();



</script>
       <center> <footer><h2>Aby obliczyc koszt całkowity naciśnij <button type="submit">Oblicz cene</button></h2>
 </center>
</footer>
    </main>
    <script type="text/javascript">
            var tab =[199999,99999,299999]
      function cena_prod(number){
        var x= document.getElementById("ilosc"+number).value;
        
         document.getElementById("cena"+number).innerHTML = Math.floor( x*tab[number-1])/100+"$" ;


      }

      function rachunek(){
                document.getElementById("zestaw")
      }


      </script>

    </body>
</html>
    

Copyrights 2014-2019 © Wklejaj.pl Wszelkie prawa zastrzeżone.