<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styl.css">
<title>Usługi kosmetyczne</title>
</head>
<body>
<section id="lewy1"><h2>W ofercie</h2>
<ul>
<li><a href="twarz.html"> Zabiegi na twarz</a>
<ol>
<li>Piling</li>
<li>Maska</li>
<li>Regulacja brwi</li>
</ol>
</li>
<li>Masaż</li>
<li>Diety oczyszczające</li>
</ul>
<a href="index.html">Do strony głównej</a>
</section>
<section id="prawy1"> <h1>Salon kosmetyczny</h1></section>
<section id="prawy2">
<h2>Sprawdź cenę swojej wizyty</h2>
<input type="checkbox" name="Piling" id="Piling"> Piling <br>
<input type="checkbox" name="Maska" id="Maska"> Maska <br>
<input type="checkbox" name="Masaz" id="Masaz">Masaż twarzy <br>
<input type="checkbox" name="Reg" id="Reg">Regulacja brwi <br>
<input type="button" value="Sprawdź cenę" onclick="suma()">
<p id="wynik"></p>
</section>
<section id="lewy2"><img src="obraz1.jpg" alt="Kosmetyczny"></section>
<footer><p>Autor: Szymon Bojanek 5nIa</p></footer>
<script>
function suma(){
var a = document.getElementById("Piling").checked;
var b = document.getElementById("Maska").checked;
var c = document.getElementById("Masaz").checked;
var d = document.getElementById("Reg").checked;
let wynik2=0;
if(a==true){
wynik2+=45;
}
if(b==true){
wynik2+=30;
}
if(c==true){
wynik2+=20;
}
if(d==true){
wynik2+=5;
}
document.getElementById("wynik").innerHTML="Cena zabiegów: "+wynik2;
}
</script>
</body>
</html>
Paste Hosted With By Wklejamy.pl