Polecenie:<\/strong>\nWyobra\u017a sobie, \u017ce t\u0142umaczysz m\u0142odszemu koledze, czym s\u0105 operatory i wyra\u017cenia w PHP<\/strong>. Twoim zadaniem jest napisa\u0107 kr\u00f3tk\u0105 notatk\u0119 (min. p\u00f3\u0142 strony), w kt\u00f3rej:<\/p>\n Podasz przyk\u0142ady r\u00f3\u017cnych rodzaj\u00f3w operator\u00f3w<\/strong>, np.:<\/p>\n Przyk\u0142adowe pytania pomocnicze do przemy\u015blenia:<\/strong><\/p>\n mail: zajecia@tsadowski.pl<\/p>\n JavaScript pozwala nie tylko wy\u015bwietla\u0107 komunikaty i losowa\u0107 liczby, ale te\u017c sterowa\u0107 elementami strony<\/strong> w bardziej zaawansowany spos\u00f3b. Dzi\u015b poznamy kilka nowych technik:<\/p>\n Checkboxy i w\u0142a\u015bciwo\u015b\u0107 Sprawdzenie, czy checkbox jest zaznaczony:<\/p>\n Pobieranie warto\u015bci z inputa i wypisywanie w tagu<\/strong><\/p>\n Mo\u017cemy pobiera\u0107 dane od u\u017cytkownika i wy\u015bwietla\u0107 je na stronie:<\/p>\n Customowy przycisk do czyszczenia p\u00f3l<\/strong><\/p>\n Tworzymy w\u0142asny przycisk, kt\u00f3ry zeruje warto\u015bci p\u00f3l formularza:<\/p>\n Tworzenie warunk\u00f3w na podstawie checkboxa i inputa<\/strong><\/p>\n Prosta zmiana styl\u00f3w za pomoc\u0105 W\u0142a\u015bciwo\u015b\u0107 Prosta galeria w JS<\/strong><\/p>\n Stw\u00f3rz stron\u0119, na kt\u00f3rej u\u017cytkownik wpisuje swoje imi\u0119, a po klikni\u0119ciu przycisku pojawia si\u0119 komunikat \u201eWitaj, [imi\u0119]!\u201d w paragrafie.<\/p>\n Zr\u00f3b stron\u0119 z checkboxem \u201eChc\u0119 otrzymywa\u0107 newsletter\u201d<\/strong> i przyciskiem \u201eZapisz\u201d.<\/p>\n Stw\u00f3rz formularz z polem tekstowym i przyciskiem \u201ePoka\u017c dane\u201d<\/strong>, kt\u00f3ry wy\u015bwietli w paragrafie wprowadzone dane jako pogrubiony niebieski tekst<\/strong>.<\/p>\n Dodaj przycisk \u201eWyczy\u015b\u0107 formularz\u201d<\/strong>, kt\u00f3ry usuwa wszystkie wpisane dane z p\u00f3l.<\/p>\n Utw\u00f3rz formularz z inputem i checkboxem.<\/p>\n Stw\u00f3rz prost\u0105 galeri\u0119 z trzema obrazkami i przyciskiem \u201eNast\u0119pny\u201d<\/strong>, kt\u00f3ry b\u0119dzie zmienia\u0142 obraz w tagu Stw\u00f3rz formularz z:<\/p>\n Po klikni\u0119ciu \u201ePoka\u017c wynik\u201d:<\/p>\n Przycisk \u201eWyczy\u015b\u0107\u201d ma usuwa\u0107 wpisane dane i przywraca\u0107 paragraf do stanu pocz\u0105tkowego.<\/p>\n Stw\u00f3rz prost\u0105 mini-galeri\u0119<\/strong> z:<\/p>\n Po klikni\u0119ciu przycisku:<\/p>\n Zadanie teoretyczne \u2013 Operatory i wyra\u017cenia w PHP Polecenie: Wyobra\u017a sobie, \u017ce t\u0142umaczysz m\u0142odszemu koledze, czym s\u0105 operatory i wyra\u017cenia w PHP. Twoim zadaniem jest napisa\u0107 kr\u00f3tk\u0105 notatk\u0119 (min. p\u00f3\u0142 strony), w kt\u00f3rej: Wyja\u015bnisz, czym jest operator i czym jest wyra\u017cenie w PHP. Podasz przyk\u0142ady r\u00f3\u017cnych rodzaj\u00f3w operator\u00f3w, np.: arytmetyczne, por\u00f3wnania, logiczne, przypisania, \u0142\u0105czenia tekstu. […]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[59],"class_list":["post-385","post","type-post","status-publish","format-standard","hentry","category-tsiai-4ig2","tag-tsiai-4ig2"],"yoast_head":"\n\n
\n
\n\n
==<\/code> r\u00f3\u017cni si\u0119 od ===<\/code>?<\/li>\n%<\/code> (modulo)?<\/li>\n&&<\/code> jest potrzebny przy warunkach?<\/li>\n1. Wst\u0119p teoretyczny<\/h2>\n
\n
.checked<\/code><\/strong><\/p>\n\n
if(document.getElementById("mojCheckbox").checked) { ... }<\/code><\/pre>\n<\/li>\n<\/ul>\n<\/li>\n\n
let wartosc = document.getElementById("pole").value;\ndocument.getElementById("wynik").innerHTML = "<span class='podkresl'>" + wartosc + "<\/span>";<\/code><\/pre>\n<\/li>\ninnerHTML<\/code> mo\u017cemy doda\u0107 w\u0142asny fragment kodu z klas\u0105 CSS.<\/li>\n<\/ul>\n<\/li>\n\n
document.getElementById("pole").value = "";<\/code><\/pre>\n<\/li>\n<\/ul>\n<\/li>\n\n
.style<\/code><\/strong><\/p>\n\n
.style<\/code> pozwala zmienia\u0107 wygl\u0105d element\u00f3w dynamicznie, np.:<\/p>\ndocument.getElementById("tekst").style.color = "red";\ndocument.getElementById("tekst").style.fontSize = "20px";<\/code><\/pre>\n<\/li>\n<\/ul>\n<\/li>\n\n
src<\/code> w tagu <img><\/code>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
\n2. Przyk\u0142ady<\/h2>\n
Przyk\u0142ad 1 \u2013 checkbox i
.checked<\/code><\/h3>\n\n <script>\n function sprawdz() {\n if (document.getElementById("zgoda").checked) {\n document.getElementById("wynik").innerHTML = "Dzi\u0119kujemy za akceptacj\u0119!";\n } else {\n document.getElementById("wynik").innerHTML = "Musisz zaakceptowa\u0107 regulamin!";\n }\n }\n <\/script>\n<\/code><\/pre>\n
\nPrzyk\u0142ad 2 \u2013 input, innerHTML i styl<\/h3>\n
\n <script>\n function pokaz() {\n let dane = document.getElementById("imie").value;\n document.getElementById("wynik").innerHTML = "<span class='pogrubione'>" + dane + "<\/span>";\n }\n <\/script>\n<\/code><\/pre>\n
\nPrzyk\u0142ad 3 \u2013 customowy przycisk do czyszczenia p\u00f3l<\/h3>\n
\n <script>\n function wyczysc() {\n document.getElementById("pole").value = "";\n }\n <\/script>\n<\/code><\/pre>\n
\nPrzyk\u0142ad 4 \u2013 warunek z inputem i checkboxem<\/h3>\n
\n <script>\n function sprawdz() {\n let kod = document.getElementById("kod").value;\n let zaznaczony = document.getElementById("akceptacja").checked;\n\n }\n <\/script>\n<\/code><\/pre>\n
\nPrzyk\u0142ad 5 \u2013 zmiana styl\u00f3w
.style<\/code><\/h3>\n\n <script>\n function zmien() {\n let t = document.getElementById("tekst").style;\n t.color = "red";\n }\n <\/script>\n<\/code><\/pre>\n
\nPrzyk\u0142ad 6 \u2013 prosta galeria<\/h3>\n
\n <script>\n\n document.getElementById("obraz").src = obrazy[index];\n\n <\/script>\n<\/code><\/pre>\n
\n3. Zadania dla uczni\u00f3w<\/h2>\n
Zadanie 1 (utrwalaj\u0105ce)<\/h3>\n
\nZadanie 2<\/h3>\n
\n
\nZadanie 3<\/h3>\n
\nZadanie 4<\/h3>\n
\nZadanie 5<\/h3>\n
\n
\nZadanie 6<\/h3>\n
<img><\/code>.<\/p>\nZadanie 7<\/h3>\n
\n
\n
24px<\/code>), w przeciwnym wypadku zostaw normalny rozmiar.<\/li>\n<\/ul>\n
\nZadanie 8<\/h3>\n
\n
\n
border: 3px solid black<\/code>).<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"