diff --git a/css/layout.css b/css/layout.css index e69de29..3ee1a07 100644 --- a/css/layout.css +++ b/css/layout.css @@ -0,0 +1,53 @@ +body { + font-family: Helvetica; + background-color: #EAEAEA; + margin: 0; + padding: 0; +} + +header img { + width: 100%; +} + +nav, footer { + background-color: #625B5B; + color: white; + padding: 20px; + text-align: center; +} + +nav a { + font-weight: bold; + background-color: #EAEAEA; + color: #625B5B; + padding: 10px; + margin: 50px; + border-radius: 20px; + text-decoration: none; +} + +nav a:hover { + background-color: #625B5B; + color: #EAEAEA; + border: 1px solid #EAEAEA; +} + +ul { + margin-left: 40px; + list-style-type: circle; +} + +table { + border: 1px dashed #625B5B; + width: 60%; + margin-left: 40px; + text-align: center; +} + +.kontrolki { + margin: 5px; +} + +main { + padding: 20px; +} diff --git a/i1.html b/i1.html index e69de29..5f6cdc9 100644 --- a/i1.html +++ b/i1.html @@ -0,0 +1,52 @@ + + + + + Kursy komputerowe + + + +
+ kursy komputerowe +
+ +
+

Kursy komputerowe - programowanie

+ + + + + + + + + + + + + + + + + + + + + +
KursCzas trwaniaCena
React.js4 miesiące1500 zł
JavaScript3 miesiące1200 zł
HTML + CSS2 miesiące800 zł
+

Adres do korespondencji

+ + skontaktuj się +
+ + + diff --git a/js/script.js b/js/script.js index e69de29..c253f06 100644 --- a/js/script.js +++ b/js/script.js @@ -0,0 +1,37 @@ +document.addEventListener('DOMContentLoaded', function() { + document.getElementById('oblicz').addEventListener('click', function() { + // Pobieranie wybranych kursów + const wybraneKursy = document.querySelectorAll('input[name="kurs"]:checked'); + // Ceny kursów + const cenaReact = 1500; + const cenaJavaScript = 1200; + + // Obliczanie całkowitej kwoty + let calkowitaKwota = 0; + wybraneKursy.forEach(kurs => { + if (kurs.value === 'React.js') { + calkowitaKwota += cenaReact; + } else if (kurs.value === 'JavaScript') { + calkowitaKwota += cenaJavaScript; + } + }); + + // Pobieranie liczby rat + const iloscRat = parseInt(document.getElementById('raty').value); + // Pobieranie miasta + const miasto = document.getElementById('miasto').value; + + // Sprawdzanie poprawności danych + if (wybraneKursy.length === 0 || isNaN(iloscRat) || iloscRat <= 0) { + document.getElementById('wynik').textContent = 'Proszę wybrać przynajmniej jeden kurs i podać poprawną liczbę rat.'; + return; + } + + // Obliczanie miesięcznej raty + const rata = calkowitaKwota / iloscRat; + + // Wyświetlanie wyniku + document.getElementById('wynik').textContent = + `Kurs odbędzie się w ${miasto}. Koszt całkowity: ${calkowitaKwota} zł. Płacisz ${iloscRat} rat po ${rata.toFixed(2)} zł`; + }); +}); diff --git a/raty.html b/raty.html new file mode 100644 index 0000000..dec9d96 --- /dev/null +++ b/raty.html @@ -0,0 +1,49 @@ + + + + + Kursy komputerowe + + + +
+ kursy komputerowe +
+ +
+

Oblicz miesięczną ratę

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+

+
+ + + +