Kolorwanie:
Status:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
<!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="cena">559</h2>
                    <h1>Ilość
<input id="ilosc" type="number" value="1" min="0" onchange="cena()">
</h1>

                </aside>
                <aside>
                    <img src="m%C5%82otek.jpg">
                    <h1>Cena[zł]:</h1><h2  id="cena">75</h2>
                    <h1>Ilość
<input id="ilosc"type="number" value="1" min="0" onchange="cena()">
</h1>
                 
                </aside>
                <aside>
                    <img src="imbusy.png">
                    <h1>Cena[zł]:</h1><h2  id="cena">65</h2>
                    <h1>Ilość
	<input  id="ilosc"type="number" value="1" min="0" onchange="cena()">
</h1>
           
                </aside>
                <aside>
                   <img src="basen.jpg">
                    <h1>Cena[zł]:</h1><h2  id="cena">599</h2>
                    <h1>Ilość
	<input id="ilosc" type="number" value="1" min="0" onchange="cena()">
</h1>
                    
                </aside>
                </center>
            </section>

<script>
    var tab=[559,75,65,559]
    
    function cena(number)
    {
    var x = document.getElementById("ilosc"+number).Value;
    document.getElementById("cena"+number).innerHTML=Math.floor(x*tab[number-1]);
    }
  </script>
</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>
    </body>
</html>
    

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