Programujemy w JavaScript – program do losowania liczb #1




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”

  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

  2. 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?

  3. 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ć! 😀

  4. 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?

  5. 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. 😉

  6. 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!

  7. 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";
    }

  8. 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 🙂

  9. 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

  10. 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)

Leave a Reply