Pierwszy, wprowadzający film do nauki programowania w JavaScript. Podpinamy pod przycisk funkcję, która ma nam wyświetlić 6 liczb z przedziału od 1 do 49.
Czym jest zmienna w JS?
Najprościej wyobrazić sobie zmienną jako pojemnik na różne dane.
Zapraszam do kursu javascript na kanale samuraj programowania.
Cały projekt poświęcony javascript dostępny tutaj:
#javascript
__
Muzyka w filmie
Crimson Fly – Huma-Huma: https://youtu.be/qpxhgby-ONI
Original source
43 responses to “Programujemy w JavaScript – program do losowania liczb #1”
Czy istnieje możliwość odwrócenia losowania? Czyli że np losowanie
odbywa się w przedziale 0-16 i posiadam ciąg 100 liczb wylosowanych.
Jest możliwość przewidzenia kolejnej która padnie w losowaniu?
Pozrrawiam
zrobiłem wszystko identycznie i wyświetlają mi się 2 komunikaty:
1. pierwszaFunkcjaMoja' was used before it was defined. | przycisk.addEventListener("click", pierwszaFunkcjaMoja);
2.Missing 'use strict' statement. | kontener.textContent = 'działa';
o co z tym chodzi?
no nima drugiego odcinka?? Ktoś ci zagroził ,że dzielisz się wiedzą za free??
Nawet nie wiesz jaka to dla mnie radość w wieku 30 lat nauczyć się czegoś nowego. Szukałem po internecie różnych kursów ale nikt nie tłumaczy tych zagadnień jak ty. Pozdrawiam
Maciej
Nie zrozum mnie źle, ale jak Cię słucham to odechciewa mi się uczyć. Wszystko w Twoich ustach jest bardzo ciężkie i bardzo trudne i "zastanów się czy na pewno chcesz się tego uczyć, może to nie dla Ciebie". Przerobiłem kurs HTML+CSS+JS z kanału Mirosława Zelenta i czuję, że jego podejście było lepsze, bardziej optymistyczne, nie zniechęcał swoich odbiorców, tylko potrafił omówić nawet jeden z trudniejszych kodów w bardzo przyjemny i prosty sposób. Przestań zniechęcać ludzi, zacznij ich motywować! 😀
fajnie prowadzisz te kursy:) pozdrawiam
Kiedy kolejny odcinek o JS, bo już nie mogę się go doczekać?
Kiedy będzie druga część ?
Sensei ! mam nadzieję, że nie zrezygnowałeś z nagrywania dalszych odcinków
Wincyj odcinków z tej serii, wincyj! Tłumaczysz w tak przystępny sposób, że nawet głąby mego pokroju są w stanie tę wiedzę sobie przyswoić. Dobra robota!
Świetny filmik. Bardzo dziękuję autorowi!!! Pierwszy raz zrozumiałem coś z J.S. :). Z niecierpliwością czekam na ciąg dalszy…
Pozdrawiam!!!
trzyyydzieeeściii dniii miiinęęęłoo jak jedenn dzieńń
Dalej super poziom tłumaczenia lekcji. Czekam na więcej!
Ja mam pytanie trochę z innej beczki, mianowicie: kto odpowiada za bezpieczeństwo witryn? Czy w przypadku takich firm jak np. Allegro są to komórki wewnętrzne firmy czy może jest to zlecane na zewnątrz?
wszystko super ale jak klikam ten przycisk to wyskakuje mi to: "zadzia�a�o" zamiast "zadziałało"
DLACZEGO? ;D
wszystko fajnie tylko głośniej!
przejrzałem na przewijaniu kilka filmików i rzeczywiście od podstaw to ciekawie prowadzisz 😉 – a na ten filmik co zabrakło czasu to już w zasadzie tylko matematyka została 😉
Math.floor(Math.random() * 49 + 1); // [1; 49] całkowite
// lub w skrócie:
~~(Math.random() * 49 + 1);
no… jeszcze jak na podstawy to zmienne pomocnicze ile liczb wylosowano itd. 😉
Pomożesz przy jquery? Chciałbym zmienić ten przykład aby wystarczyło dodać klasę fadex do różnych divów by znikały po dojściu do góry okna:
var fadex = $('.fadex');
var range = 200;
$(window).on('scroll', function () {
var scrollTop = $(this).scrollTop();
var offset = fadex.offset().top;
var height = fadex.outerHeight();
offset = offset + height / 2;
var calc = 1 – (scrollTop – offset + range) / range;
fadex.css({ 'opacity': calc });
if ( calc > '1' ) {
fadex.css({ 'opacity': 1 });
} else if ( calc < '0' ) {
fadex.css({ 'opacity': 0 });
}
});
Ten kod działa ale tylko na jednym divie, jak jest ich więcej to wszystkie zmieniają opacity w tym samym czasie. Dzięki!
Moja propozycja rozwiązania. Ktoś ma inne ciekawsze? 😀
var przycisk = document.getElementById('button');
var kontener = document.getElementById('container');
var staryContent=""; //zmienna do ktorej bedziemy zapisywac liczby aby ich nie stracic przy podmianie przez właściwość "innerHTML"/"textContent"
var cykle=1; //zmienna ktora pozwoli nam pilnowac wylosowania wlasciwej ilosci (6) cyfr
przycisk.addEventListener('click', pierwszaFunkcjaMoja);
function pierwszaFunkcjaMoja(){
if(cykle>6){
kontener.innerHTML=staryContent+"<p style="color:red;">Liczby za milion!</p>";
return 0;
};
//losowanie
var liczbaWylosowana=Math.floor(Math.random()*49)+1;
//dodanie nowych liczb do starszych liczb
staryContent=staryContent+" "+liczbaWylosowana;
// podmiana
kontener.innerHTML=staryContent;
cykle++;
//kontener.innerHTML="działa";
}
Super materiał, więcej takich :))
Cześć czy dobrym pomysłem jest wybranie jakieś strony z envatomarket i zrobienie tej strony od poczatku?Czy moze masz jakies strony, ktore mozemy zrobic nie tracac calkowicie cierpliwosci 🙂
Czy równie dobrze można użyć w kodzie HTML "<przycisk onclick="pierwszaFunkcjaMoja()"></button> zamist dodawać zmienną i reszte kodu w *.js?
jesli chcemy zająć się frontendem to lepiej się uczyć javascriptu jako pierwszego języka? czy może zacząć od pythona? chodzi mi o to czy javascript nie jest za trudny jeśli się wcześniej nie programowało
Czy zamiast kontener.textContent, można napisać document.write= ('zadziałało'); ?
Wszystko świetnie działa, ale w JS pojawia mi się "błąd":
1 błąd JSLint
6 Missing 'use strict' statement.kontener.textContent = "zadziałało";
Jak nazywa się ten theme którego używasz? 🙂 ładnie wygląda 🙂
Samuraju, zrobisz osobny odcinek o samym bracketsie? jakieś ciekawostki, jakie dodatki warto używać itp… 🙂
super mam nadzieje że będzie więcej 😀
Kurka zapowiadałeś 2-3 odcinki tygodniowo… Jak sam mówiłeś – w kodowaniu najważniejsza jest systematyka.
Więc jak hę ? 😀
proponuję zrezygnować z tła muzycznego
m/
Jakość odcinka i swoboda tłumaczenia, jak zawsze stoi na wysokim poziomie. Pozostaje mi tylko pogratulować i podziękować! 🙂
Super filmik! Dzięki
6 dni od ostatniego odcinka? Wysłałem już list gończy
czekam na kolejny filmik 🙂
Chcemy więcej 🙂
Łapka w górę poszła w ciemno, jeszcze przed obejrzeniem, bo wiedziałem, że będzie super:) Jestem już oczywiście po i się nie myliłem 😀 Dzięki! I tylko jedno mi tutaj przychodzi teraz na myśl: https://www.youtube.com/watch?v=aaNVa1eRoRM (ale oczywiście z kolejnym materiałem ;)) Pozdr!
No na reszcie, już się nie mogłem doczekać kolejnego odcinka. temat jak zwykle ciekawy.
Czekam na ten klip specjalny do poprzedniego tematu, oraz na możliwość generowania liczb – puszcze totka może coś wygram 😉 (oprócz wiedzy o tworzeniu w JS)
Czy mozna uzyc inner.HTML zamiast textContent?
Swietnie. az chce sie ogladac 🙂
Samuraju czy przed javascriptem uczyłeś się innego języka prorgamowania ? 🙂
powiedz mi czy masz zamiar robic serie w C/C++?
Mam takie pytanko może trochę głupie no ale. pan pracuje jako programista? 😀