Web designer pragnie wstawić w znacznikunagłówek do treści. Zgodnie z zasadami użycia znaczników semantycznych, powinien wykorzystać znacznik B. C. </span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>D. <h1></span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Zastosowanie znacznika <h1> w nagłówkach strony internetowej jest zgodne z zasadami semantycznymi HTML. Znacznik <h1> jest przeznaczony do oznaczania głównego nagłówka dokumentu i powinien być używany do przedstawienia najważniejszej treści. Dobrą praktyką jest, aby każda strona miała tylko jeden znacznik <h1>, co pomaga wyszukiwarkom zrozumieć hierarchię treści na stronie. Na przykład, w przypadku artykułu, tytuł artykułu mógłby być umieszczony w znaczniku <h1>, a podtytuły w <h2>, <h3> itd. W ten sposób struktura dokumentu jest jasna, co poprawia dostępność oraz SEO. Dodatkowo, stosowanie semantycznych znaczników ułatwia nawigację po stronie osobom korzystającym z technologii asystujących, takich jak czytniki ekranu, które interpretują hierarchię treści na podstawie użytych znaczników.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 33</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-kodzie-zapisanym-w-jezyku-skryptowym-php-nalezy-7932a17c"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W skrypcie napisanym w języku PHP należy przeprowadzić operacje, gdy spełniony jest warunek, że adresy są parzystymi numerami na ulicach: Bratkowej oraz Nasturcjowej. Jakie wyrażenie logiczne to określa?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. $ulica == "Bratkowa" && $ulica == "Nasturcjowa" && $numer % 2 == 0</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. $ulica == "Bratkowa" && $ulica == "Nasturcjowa" && $numer / 2 == 0</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-danger bg-opacity-10 border-danger text-danger
">
<div class="flex-grow-1">
<span>C. ($ulica == "Bratkowa" || $ulica == "Nasturcjowa") && $numer / 2 == 0</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>D. ($ulica == "Bratkowa" || $ulica == "Nasturcjowa") && $numer % 2 == 0</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-danger mb-0">
Pojęcia zastosowane w odpowiedziach, które nie są poprawne, zawierają błędne założenia dotyczące użycia operatorów logicznych i arytmetycznych. W przypadku pierwszej odpowiedzi, użycie operatora && (i) do sprawdzania, czy zmienna $ulica jest jednocześnie równa "Bratkowa" i "Nasturcjowa" jest technicznie niemożliwe, ponieważ zmienna nie może przyjąć dwóch różnych wartości jednocześnie. Druga odpowiedź, która używa operatora / (dzielenie) w kontekście sprawdzania parzystości, wprowadza w błąd; reszta z dzielenia przez 2 jest właściwym sposobem sprawdzania parzystości, a nie dzielenie, które może prowadzić do nieprawidłowego wyniku - liczba będzie parzysta tylko wtedy, gdy reszta z dzielenia wynosi zero. W czwartej odpowiedzi, użycie operatora / również nie jest odpowiednie. Kluczowym błędem, który można zauważyć, jest nieprawidłowe myślenie o logice warunkowej i operatorach matematycznych. W praktyce, stosowanie reszty z dzielenia jako metody określenia parzystości jest powszechną praktyką w wielu językach programowania, w tym PHP. Dlatego konieczne jest zrozumienie, jak poprawnie formułować warunki logiczne oraz jakich operatorów używać, aby osiągnąć zamierzony efekt.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 34</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-jakim-formacie-nalezy-zapisac-obraz-aby-mog-by-cd550e84"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W jakim formacie powinien być zapisany obraz, aby mógł być wyświetlany na stronie internetowej z zachowaniem przezroczystości?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>A. PNG</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. JPG</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. BMP</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. CDR</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Format PNG (Portable Network Graphics) jest szeroko stosowany w sieci internetowej, ponieważ obsługuje przezroczystość, co jest kluczowe przy tworzeniu grafik, które mają być używane na stronach internetowych. Przezroczystość pozwala na nałożenie grafik na różne tła bez widocznych prostokątów czy kolorowych krawędzi, co znacznie poprawia estetykę oraz elastyczność projektów graficznych. PNG wykorzystuje kompresję bezstratną, co oznacza, że jakość obrazu nie ulega pogorszeniu podczas jego zapisywania, co jest istotne dla profesjonalnych projektów. Przykłady zastosowania formatu PNG obejmują ikony, logotypy oraz różnego rodzaju ilustracje, które muszą być wyświetlane na różnych tłach. W branży internetowej dobrym standardem jest używanie PNG do grafik wymagających przezroczystości, szczególnie w kontekście responsywnych projektów, gdzie różne elementy mogą mieć różne tła w zależności od urządzenia. Ponadto, PNG obsługuje kolor 24-bitowy oraz przezroczystość 8-bitową, co daje możliwość tworzenia bardziej złożonych efektów wizualnych. Zastosowanie tego formatu jest zgodne z dobrymi praktykami w projektowaniu stron, co czyni go preferowanym wyborem w wielu sytuacjach.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 35</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="struktura-prostych-baz-danych-w-ktorych-wszystki-200552dd"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Model, w którym wszystkie informacje są zgromadzone w jednej tabeli, określa się jako struktura prostych baz danych</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. hierarchicznym</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. sieciowym</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. relacyjnym</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>D. jednorodnym</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Model jednorodny, znany też jako model płaskiej tabeli, to taka struktura bazy, w której trzymamy wszystkie dane w jednej tabeli. To najprostsza opcja do zrozumienia i wdrożenia, dlatego świetnie nadaje się do małych i prostych aplikacji. W tym modelu dane są poukładane w wiersze i kolumny – każdy wiersz to jakiś rekord, a kolumny to różne cechy lub atrybuty tego rekordu. Na przykład, wyobraź sobie tabelę z informacjami o książkach: każda książka to osobny wiersz, a kolumny mogą zawierać tytuł, autora, rok wydania czy ISBN. Oczywiście, ma to swoje ograniczenia, zwłaszcza jeśli chodzi o wydajność i zarządzanie dużymi zbiorami danych. Dlatego w praktyce często przechodzi się na bardziej zaawansowane modele, jak relacyjny. Mimo to, model jednorodny sprawdza się w prototypowaniu albo tam, gdzie liczy się prostota i szybki dostęp do danych. Warto też wiedzieć, że nie korzysta się tu do końca ze standardów typu SQL, bo nie ma relacji między danymi.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 36</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="ktore-zapytanie-sql-dla-tabeli-pracownicy-utworzo-7a244cb0"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Jakie zapytanie SQL dotyczące tabeli pracownicy, której struktura to: id, imie, nazwisko, plec, zarobek, pozwoli na osobne obliczenie średniego wynagrodzenia kobiet oraz średniego wynagrodzenia mężczyzn?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>A. SELECT AVG(zarobek) FROM pracownicy GROUP BY plec</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. SELECT AVG(zarobek) FROM pracownicy WHERE plec='k' AND plec='m'</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. SELECT AVG(zarobek) FROM pracownicy GROUP BY plec HAVING plec='k' AND plec='m'</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. SELECT AVG(zarobek) FROM pracownicy AS sredni_zarobek</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Poprawne zapytanie SQL, które oblicza średni zarobek osobno dla kobiet i mężczyzn, to SELECT AVG(zarobek) FROM pracownicy GROUP BY plec. Użycie funkcji AVG() pozwala na obliczenie średniej wartości kolumny 'zarobek', a GROUP BY plec umożliwia grupowanie wyników według wartości w kolumnie 'plec', co w tym przypadku oznacza grupowanie według płci. W rezultacie zapytanie zwróci dwie średnie: jedną dla kobiet (plec='k') i drugą dla mężczyzn (plec='m'). To podejście jest zgodne ze standardem SQL, który pozwala na agregację danych w oparciu o różne grupy. Przykładowo, jeśli tabela 'pracownicy' zawiera dane z różnymi zarobkami dla kobiet i mężczyzn, to to zapytanie da nam jasny obraz różnic w wynagrodzeniach, co może być cenne dla analiz społecznych i ekonomicznych. Analiza danych w taki sposób jest kluczowa w zarządzaniu zasobami ludzkimi oraz w tworzeniu strategii wynagrodzeń.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 37</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="fragment-kodu-w-jezyku-javascript-realizujacy-doda-37c6b60c"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Fragment kodu w języku JavaScript realizujący dodawanie dwóch liczb ma poniższą postać. Aby dodawanie wykonane było po kliknięciu przycisku o nazwie "dodaj", należy w wykropkowane miejsce wstawić
<table style="border: 2px solid black; border-collapse: collapse; margin-bottom: 20px;">
<tr>
<td style="border: 1px solid black; padding: 10px; font-family: monospace;">
Podaj pierwszą liczbę: <input type="text" name="liczba1" /><br>
Podaj drugą liczbę: <input type="text" name="liczba2" /><br>
….<br>
<script type=text/javascript><br>
function dodaj()<br>
{<br>
// ta funkcja realizuje dodawanie i podaje jego wynik<br>
}<br>
</script>
</td>
</tr>
</table></p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>A. <button onclick="return dodaj()">dodaj</button></span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. <button onclick="return oblicz()">dodaj</button></span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. <button onselect="return dodaj()">oblicz</button></span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-danger bg-opacity-10 border-danger text-danger
">
<div class="flex-grow-1">
<span>D. <button onselect="return dodaj()">dodaj</button></span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-danger mb-0">
Wybór niewłaściwej odpowiedzi sugeruje pewne nieporozumienie związane z obsługą zdarzeń w JavaScript i jak są one wywoływane w kontekście przycisków. Wszystkie pozostałe odpowiedzi używają zdarzenia 'onselect' lub wywołują nieistniejącą funkcję 'oblicz'. Zdarzenie 'onselect' jest wyzwalane, gdy użytkownik zaznacza tekst w elemencie, co jest nieodpowiednie dla przycisku. Innymi słowy, 'onselect' nie jest odpowiednim zdarzeniem do obsługi kliknięcia przycisku. Co więcej, wywołanie funkcji 'oblicz' jest błędem, ponieważ nie istnieje taka funkcja zdefiniowana w skrypcie. Ta myląca odpowiedź może wynikać z niezrozumienia, jak zdarzenia są obsługiwane w JavaScript i jakie zdarzenia są odpowiednie dla różnych elementów. Zasada ta jest zgodna z dobrymi praktykami programowania, które zalecają używanie odpowiednich zdarzeń dla różnych elementów i typów interakcji użytkownika.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 38</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="aby-prawidowo-udokumentowac-linie-kodu-jezyka-ja-c312319e"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Aby poprawnie skomentować linię kodu w języku JavaScript, należy po znakach // wprowadzić komentarz
x = Math.max(a,b,c); //</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>A. w zmiennej x maksymalna wartość ze zmiennych a, b, c</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. w zmiennej x minimalna wartość ze zmiennych a, b, c</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. wybór wartości maksymalnej spośród zmiennych a, b oraz c</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. nieprawidłowe dane</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
W analizowanej linii kodu JavaScript, wykorzystujemy funkcję Math.max, która służy do określenia maksymalnej wartości spośród podanych argumentów. W tym przypadku, wartości te są reprezentowane przez zmienne a, b oraz c. Zastosowanie funkcji Math.max jest standardem w programowaniu w JavaScript, co pozwala na efektywne przeprowadzenie operacji porównawczych. Użycie operatora przypisania '=' pozwala na zapisanie wyniku operacji do zmiennej x, co z kolei umożliwia dalsze przetwarzanie tej wartości w programie. Przykład użycia tej funkcji wygląda następująco: var x = Math.max(a, b, c);. Warto również zwrócić uwagę na to, że funkcja Math.max zwraca wartości numeryczne, co czyni ją niezastąpioną w przypadkach, gdy potrzebne jest porównanie różnych liczb w celu wyłonienia największej. W kontekście standardów, Math.max jest częścią obiektu Math, który jest wbudowany w JavaScript i podlega ogólnym zasadom ECMAScript. Dlatego znajomość i umiejętność stosowania tej funkcji jest kluczowa dla każdego programisty JavaScript.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 39</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-jezyku-javascript-wynik-dziaania-instrukcji-zm-7e9b87a1"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W języku JavaScript rezultat wykonania polecenia zmienna++; będzie identyczny jak polecenia</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-danger bg-opacity-10 border-danger text-danger
">
<div class="flex-grow-1">
<span>A. zmienna===zmienna+1;</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. zmienna=zmienna+10;</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. zmienna --;</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>D. zmienna+=1;</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-danger mb-0">
Wszystkie pozostałe odpowiedzi są niepoprawne z technicznego punktu widzenia. Pierwsza z nich, 'zmienna--;', wskazuje na operator dekrementacji, który zmniejsza wartość zmiennej o 1. W przeciwieństwie do inkrementacji, dekrementacja prowadzi do obniżenia wartości zmiennej. Na przykład, jeśli zmienna wynosi 5, to po zastosowaniu 'zmienna--;' jej wartość stanie się 4, co jest zupełnie odmiennym wynikiem. Kolejna odpowiedź, 'zmienna=zmienna+10;', wprowadza dodatkowy element, który zwiększa wartość zmiennej o 10, co znacznie odbiega od pierwotnej idei inkrementacji o 1. Przykładowo, przy pierwotnej wartości zmiennej 5, wynik po tej operacji będzie 15, co jest całkowicie innym wynikiem niż w przypadku inkrementacji. Ostatnia z odpowiedzi, 'zmienna===zmienna+1;', jest operacją porównania, która sprawdza, czy wartość zmiennej jest równa wartości zmiennej powiększonej o 1. Wartość ta nigdy nie będzie równa w przypadku, gdy zmienna ma jakąkolwiek wartość inną niż 0. Dla zmiennej o wartości 5, wynik będzie fałszywy, co jest zupełnie inną logiką niż pożądane zwiększenie wartości. Tak więc, wszystkie te odpowiedzi nie oddają idei prostego zwiększenia wartości zmiennej o 1, co czyni je niepoprawnymi w kontekście pytania.
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 40</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-instrukcji-warunkowej-jezyka-javascript-nalezy-25696d60"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W konstrukcji warunkowej w języku JavaScript należy sprawdzić sytuację, w której zmienne a oraz b są większe od zera, przy czym zmienna b jest mniejsza niż 100. Taki warunek powinien być zapisany w następujący sposób:</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. if ( a > 0 && b > 0 || b > 100) ...</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. if ( a > 0 || b > 0 || b > 100) ...</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-2
bg-success bg-opacity-10 border-success text-success
">
<div class="flex-grow-1">
<span>C. if ( a > 0 && b > 0 && b < 100) ...</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. if ( a > 0 || (b > 0 && b < 100)) ...</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-success mb-0">
Poprawna odpowiedź to 'if ( a > 0 && b > 0 && b <100) ...'. W tym warunku wykorzystujemy operator logiczny AND (&&), co pozwala nam na jednoczesne sprawdzenie, czy obie zmienne 'a' i 'b' są dodatnie oraz czy 'b' jest mniejsze od 100. Operator AND jest kluczowy, ponieważ wymaga, aby wszystkie warunki były spełnione jednocześnie, co w tym przypadku jest istotne dla naszej logiki programistycznej. Przykładowo, jeśli a = 10 i b = 50, warunek zwróci true, ponieważ obie zmienne są dodatnie, a 'b' jest mniejsze niż 100. Jeśli jednak 'b' wynosi 150, warunek zwróci false, co jest zgodne z naszymi wymaganiami. W kontekście standardów języka JavaScript, ważne jest, aby rozumieć różnice między operatorami logicznymi, ponieważ niewłaściwe ich zastosowanie może prowadzić do błędnej logiki w kodzie, co z kolei skutkuje nieprawidłowym działaniem aplikacji. Dlatego, w praktyce, korzystanie z operatorów AND w tej sytuacji jest nie tylko poprawne, ale także najlepszą praktyką.
</div>
</div>
</article>
<!-- Przyciski nawigacyjne -->
<div class="d-grid gap-2 mt-4">
<div class="d-inline-block mb-2">
<a href="/egzamin/?profession=technik-informatyk&qualification=inf-03" class="btn btn-outline-primary">
<i class="fas fa-redo me-2"></i>Rozpocznij nowy egzamin
</a>
</div>
<div class="d-inline-block">
<a href="/" class="btn btn-outline-secondary">
<i class="fas fa-home me-2"></i>Powrót do strony głównej
</a>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer mt-auto py-4">
<div class="container">
<div class="row">
<!-- About Section -->
<div class="col-lg-4 footer-section">
<h2 class="h5">O Egzaminach Zawodowych</h2>
<p>
Portal z kompleksową bazą pytań egzaminacyjnych dla uczniów szkół technicznych.
Przygotuj się do egzaminu zawodowego z naszymi materiałami.
</p>
</div>
<!-- FRAGMENT CACHE: Random Qualifications -->
<div class="col-lg-4 footer-section">
<h2 class="h5">Losowe kwalifikacje</h2>
<div class="row">
<div class="col-6">
<a href="/technik-wiertnik/GIW.12/" class="footer-link">
<span>GIW.12</span>
<small class="text-muted">(145)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-spedytor/SPL.05/" class="footer-link">
<span>SPL.05</span>
<small class="text-muted">(932)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-farmaceutyczny/MED.09/" class="footer-link">
<span>MED.09</span>
<small class="text-muted">(1 229)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-analityk/CHM.03/" class="footer-link">
<span>CHM.03</span>
<small class="text-muted">(468)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-technologii-zywnosci/SPC.07/" class="footer-link">
<span>SPC.07</span>
<small class="text-muted">(234)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-weterynarii/ROL.11/" class="footer-link">
<span>ROL.11</span>
<small class="text-muted">(632)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-elektronik/ELM.05/" class="footer-link">
<span>ELM.05</span>
<small class="text-muted">(233)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-awionik/TLO.01/" class="footer-link">
<span>TLO.01</span>
<small class="text-muted">(253)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-zeglugi-srodladowej/TWO.09/" class="footer-link">
<span>TWO.09</span>
<small class="text-muted">(116)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-przemysu-mody/MOD.03/" class="footer-link">
<span>MOD.03</span>
<small class="text-muted">(550)</small>
</a>
</div>
</div>
</div>
<!-- Additional Info -->
<div class="col-lg-4 footer-section">
<h2 class="h5">O portalu</h2>
<p>
Baza pytań do egzaminów zawodowych dla uczniów szkół technicznych i branżowych.
Materiały zgodne z wymaganiami CKE.
</p>
</div>
</div>
<!-- Copyright & Links -->
<hr class="footer-divider">
<div class="row align-items-center">
<div class="col-md-8 text-center text-md-start">
<p class="mb-0">© 2025 <a class="footer-link" href="https://brylka.net" title="Portfolio autora">brylka.net</a> | <a href="/about-me/" class="footer-link" title="Informacje o autorze">Bartosz Bryniarski</a></p>
</div>
<div class="col-md-4 text-center text-md-end">
<!--
<a href="/sitemap.xml" class="footer-link" aria-label="Mapa strony">
<i class="fas fa-sitemap" aria-hidden="true"></i>
<span>Mapa strony</span>
</a>
-->
</div>
</div>
</div>
</footer>
<!-- Back to top button -->
<button id="backToTop"
class="btn btn-outline-primary back-to-top"
aria-label="Przewiń do góry strony"
style="display: none;">
<i class="fas fa-arrow-up" aria-hidden="true"></i>
</button>
<!-- Cookie Banner -->
<div id="cookieConsent" class="position-fixed start-0 bottom-0 py-3 shadow rounded-end"
style="display: none; z-index: 1050; max-width: 50%; background-color: rgba(248, 249, 250, 0.95);">
<div class="container-fluid px-4">
<div class="d-flex flex-column gap-2">
<div>
<i class="fas fa-cookie-bite me-2 text-secondary" aria-hidden="true"></i>
<span class="small">
Strona wykorzystuje pliki cookies do poprawy doświadczenia użytkownika oraz analizy ruchu.
<a href="#" class="footer-link" id="cookieDetails" data-bs-toggle="modal" data-bs-target="#cookieModal">
Szczegóły
</a>
</span>
</div>
<div class="d-flex gap-2 justify-content-end">
<button id="cookieAccept" class="btn btn-outline-primary btn-sm">Akceptuję</button>
<button id="cookieReject" class="btn btn-outline-secondary btn-sm">Odrzuć</button>
</div>
</div>
</div>
</div>
<!-- Modal z informacjami o cookies -->
<div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title fs-5" id="cookieModalLabel">Polityka plików cookies</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button>
</div>
<div class="modal-body">
<h6 class="fw-bold">Czym są pliki cookies?</h6>
<p>
Cookies to małe pliki tekstowe, które są zapisywane na urządzeniu użytkownika podczas przeglądania stron internetowych.
Służą one do zapamiętywania preferencji, śledzenia zachowań użytkowników oraz poprawy funkcjonalności serwisu.
</p>
<h6 class="fw-bold mt-4">Jakie cookies wykorzystujemy?</h6>
<ul class="list-unstyled ps-3">
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Niezbędne cookies</strong> - konieczne do prawidłowego działania strony</li>
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Funkcjonalne cookies</strong> - umożliwiające zapamiętanie wybranych ustawień (np. wybrany motyw)</li>
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Analityczne cookies</strong> - pozwalające zbierać informacje o sposobie korzystania ze strony</li>
</ul>
<h6 class="fw-bold mt-4">Jak długo przechowujemy cookies?</h6>
<p>
Pliki cookies wykorzystywane w naszym serwisie mogą być sesyjne (usuwane po zamknięciu przeglądarki)
lub stałe (pozostają na urządzeniu przez określony czas).
</p>
<h6 class="fw-bold mt-4">Jak zarządzać cookies?</h6>
<p>
Możesz zarządzać ustawieniami plików cookies w swojej przeglądarce internetowej.
Większość przeglądarek domyślnie dopuszcza przechowywanie plików cookies,
ale możliwe jest również całkowite zablokowanie tych plików lub usunięcie wybranych z nich.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Zamknij</button>
<button type="button" class="btn btn-outline-primary" id="acceptCookiesModal">Akceptuję wszystkie</button>
</div>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script>
<script src="/static/exams/js/utils.51f7bcf7106f.js" defer></script>
<script src="/static/exams/js/code.63fd17b67c4c.js" defer></script>
<script src="/static/exams/js/report_modal.765118f79d5f.js" defer></script>
<!-- Toast messages initialization -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const copyButton = document.getElementById('copy-link-button');
if (copyButton) {
copyButton.addEventListener('click', function() {
const input = document.getElementById('share-link-input');
input.select();
document.execCommand('copy');
// Zmień tekst przycisku na potwierdzenie
const originalText = this.innerHTML;
this.innerHTML = '<i class="fas fa-check me-1"></i> Skopiowano!';
// Przywróć oryginalny tekst po 2 sekundach
setTimeout(() => {
this.innerHTML = originalText;
}, 2000);
});
}
});
</script>
</body>
</html>
