NGOBAR #22 - Membuat GAME "Pukul Tikus Tanah" (Whack-a-Mole) menggunakan JAVASCRIPT

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ม.ค. 2025

ความคิดเห็น • 286

  • @bahtiarbtr9881
    @bahtiarbtr9881 4 ปีที่แล้ว +29

    Kehabisan kata mau menyanjung channel ini. Semoga dapat balasan yg setimpal atas kebaikan Pak Dika.
    Terima kasih

  • @1233farhan
    @1233farhan 4 ปีที่แล้ว +32

    Developer yang baru terjun ke javascript lanjutan hadir pak :D
    Javascript vanilla memang legit, apalagi kalau udah bikin fungsi yang serba return return wkowkowk
    hatur nuhun ilmu nya pak

  • @faesolbahrudin1054
    @faesolbahrudin1054 4 ปีที่แล้ว +7

    Mantap pak dhika..salam dari kudus jawa tengah..saya selalu nyimak dan mengikuti tutorialnya...semoga bapak slalu diberikan kesehatan dan slalu berbagi informasi...suwun atas ilmunya

  • @RianY2K
    @RianY2K 4 ปีที่แล้ว +57

    Bagus nih videonya, untuk latihan logika algoritmanya

    • @setya5957
      @setya5957 4 ปีที่แล้ว +3

      Pak sandika mau tanya berapa rata rata gaji programer web developer?

    • @OnlyDerac
      @OnlyDerac 3 ปีที่แล้ว

      @@setya5957 ini rian btw bkn pak sandhika 🗿

  • @laksanasolution1209
    @laksanasolution1209 4 ปีที่แล้ว +2

    Sehat terus pak, ilmu bapak bermanfaat walaupun saya tidak kuliah saya jadi bisa ngomong, bahkan saya sampai punya CV untuk garap kerjaan website dan aplikasi android berkat jasa bapak, makasih pak

  • @risqiafinnudinmahzid4682
    @risqiafinnudinmahzid4682 4 ปีที่แล้ว +88

    Bug :
    Ketika dipukul si tikus harusnya bisa langsung masuk tanpa ada jeda waktu untuk masuk, karena itu akan membuat
    pukulan 1 tikus bisa menambah skor lebih dari 1.
    Solve :
    penyebabnya adalah delay waktu di transition si tikus yang kita berikan di style css, jadi kita harus mengubah nilai
    dari transition TOP menjadi 0 (atau 0.1s biar keliatan lebih ber animasi).
    Code :
    kita bisa tambahin di dalam function pukul : this.style.transition = "TOP 0s";
    Regards, Thank You. :D

    • @andifaizal6848
      @andifaizal6848 4 ปีที่แล้ว +1

      Mas kalau punyaku saat mau memunculkan tikus dengan tRandom.classList.add('muncul');
      ClassList nya tidak terdefinisi.. itu kenapa ya..

    • @adminmailer2353
      @adminmailer2353 4 ปีที่แล้ว +2

      Untuk bug yang ini tidak perlu diubah transitionnya, coba saja ganti this.parentNode.classList.remove('.muncul') menjadi this.parentNode.className = 'tanah';

    • @muhammadridho3481
      @muhammadridho3481 3 ปีที่แล้ว +1

      @@adminmailer2353 terimakasih mas👍

    • @arganiadhyaksa916
      @arganiadhyaksa916 3 ปีที่แล้ว +1

      bang cara share link gamenya gimana biar bisa dimaenin di laptop/hp org lain??

    • @AvielSitumorang
      @AvielSitumorang 2 ปีที่แล้ว +1

      @@arganiadhyaksa916 biikin website

  • @ahmadazharnasution8462
    @ahmadazharnasution8462 4 ปีที่แล้ว +5

    Macam Maen-maen aja programingnya Pak Dika ah,
    Kurang lebih hampir sejam uda keliatan bentuknya.
    Plus Keningpun gak ada bekerut.
    Sangat Menginspirasi
    Salam titik koma

  • @azharbasechannel6874
    @azharbasechannel6874 4 ปีที่แล้ว +5

    Thanks pak dika, sangat suka kalau upload ngobar hehe ^_^

  • @thegamespro24
    @thegamespro24 4 ปีที่แล้ว +2

    Mantap Pak dika,,,, Tambahan > biar gak doble skornya dalam fungtion pukul() harus di cek class 'muncul' jika ada tambahkan skor bersamaan ilangin class 'muncul'

    • @TheCode1701
      @TheCode1701 3 ปีที่แล้ว

      caranya memperbaiki biar gak bisa doubel skor gimana ya...

  • @nohoaxtrl99
    @nohoaxtrl99 4 ปีที่แล้ว +14

    Yey,jadi developer nih mantap bang💪

  • @Bigbozz_47
    @Bigbozz_47 4 ปีที่แล้ว +4

    Pak perbanyak ngoding soal game dong,soalnya seru!!!

  • @jonimahendra8722
    @jonimahendra8722 4 ปีที่แล้ว

    Terimakasi banyak Atas ilmunya ini sangan membantu saya untuk belajar Bahasa program Java,
    kereenn Pak

  • @Tipsidea123
    @Tipsidea123 4 ปีที่แล้ว +1

    Serius, bagus banget...
    Walaupun rada ndak paham..
    Tapi jadi penasaran dengan coding...
    Siippp thanks bg

  • @beritaasiatimurraya1785
    @beritaasiatimurraya1785 4 ปีที่แล้ว

    wow keren pak dhika
    sekarang jadi ngerti maksud dari kode-kode programnya

  • @adnanwoiwob1659
    @adnanwoiwob1659 2 ปีที่แล้ว

    Mentah bgt klo buat org pemula awam yg baru masih mau mulai belajar bang 🤣✌️,,

  • @Iman-wj1ke
    @Iman-wj1ke 4 ปีที่แล้ว +10

    mantap pisan pak terimakasih ilmunya...

  • @williamphilip6893
    @williamphilip6893 4 ปีที่แล้ว +3

    dari beberapa penjelasan pak dhika kayaknya udah terlihat saya mau dalami bahasa pemrograman apa..hehehe hidup JS, sepertinya menarik, terima kasih pak dhika buat penjelasan yang super, super, duper jelas dan tegas hehehe...yang setuju trending, ayooo mari kita trandingkan chanel ini supaya makin banyak yang suka dengan pemrograman...

  • @ramjamkrindo9923
    @ramjamkrindo9923 4 ปีที่แล้ว

    terima kasih bg dhika...sudah memberikan jalan utk kami bisa berkreasi dalam belajar php dan javascript

  • @ikukals6669
    @ikukals6669 4 ปีที่แล้ว +3

    Saya suka pembahasannya.pak buat tutorial coding android studio dong. Atau masukannya pak channel yg bahas android studio yg pembahasannya mudah seperti ni, ada gak ???

    • @MontirDIY
      @MontirDIY 4 ปีที่แล้ว +1

      Betul sekali. Semoga ada seri tutorial coding buat bikin aplikasi mobile, boleh juga pakai android studio. Soalnya cara pak Dhika ini menjelaskan sangat mudah dipahami dan cukup detail juga.

  • @devaaryawiguna6346
    @devaaryawiguna6346 3 ปีที่แล้ว +15

    Seharusnya Ketika Sudah Selesai, Hasil Codingannya di review kembali, Supaya Pemula Bisa Paham Apa Yg dilakukan Sang Programmer.

  • @bangjuls7688
    @bangjuls7688 3 ปีที่แล้ว

    Mantap bang, cara menjelaskannya mudah dipahami

  • @WordP1023
    @WordP1023 3 ปีที่แล้ว

    luar biasa pakdiakh matur swun 🙏🏻

  • @zaskhasasmita7694
    @zaskhasasmita7694 4 ปีที่แล้ว +3

    Keren parah nih om sandhika 👍👍 bikin game yg lain lagi dong nanti😁

  • @taknaknak4957
    @taknaknak4957 4 ปีที่แล้ว +2

    The Coding Train versi Indo .. mantap jiwa Pak !!!

  • @adipati27ma
    @adipati27ma 4 ปีที่แล้ว +3

    Cool booyy.. Kerenn, tapi sayang belum beres Javascript Lanjutan~

  • @vedriyansahh
    @vedriyansahh 4 ปีที่แล้ว

    sangat membantu pak ilmunya , semoga sehat selalu🙏

  • @farihakmalhaqiqi4606
    @farihakmalhaqiqi4606 4 ปีที่แล้ว

    terimakasih pa dhika
    seharian ngoding biar #dirumahaja

  • @pradanaputra298
    @pradanaputra298 4 ปีที่แล้ว

    Set up baru , video baru 😍😍 mantap pak

  • @ytardihydra3995
    @ytardihydra3995 4 ปีที่แล้ว +2

    Auto like nih.
    Thank you bang

  • @Andyindrapuri-Tech
    @Andyindrapuri-Tech 4 ปีที่แล้ว +2

    terimakasih ilmunya pak 🙏
    salam dari aceh :)

  • @tomivlog9479
    @tomivlog9479 2 ปีที่แล้ว

    Mantap bg. Saya sering nonton Chanel ini

  • @faktaunikstudipedia
    @faktaunikstudipedia ปีที่แล้ว

    Seruu.. mudah dipahami

  • @wjammyhacky3620
    @wjammyhacky3620 3 ปีที่แล้ว +1

    Mas, mau ngasi SARAN aja.....bila perlu setiap buat video mengenai PEMROGRAMAN/BUAT APLIKASI seperti ini, kiranya juga DIJELASKAN mas mengenai RELASI2 / ALUR kode programnya , biar kita juga ngga bingung mas....demikian.
    Saya adl salah satu org yg sangat menyukai video2 pembelajaran mas...cuma mungkin klo saya boleh saran, yah sprt itu mas...mohon dijelaskan juga RELASI / HUBUNGAN antar kode program yg satu dengan yg lainnya...misal fungsi yg ini manggil yg ini...parameter yg ini masuk kesini krn dieksekusi ama yg ini baru masuk ke fungsi lalu jadinya begini di UI.ny....gitu mas...jadi kita bisa ngerti ALUR KODE PROGRAMNYA dan RELASI baik ANTAR KODE PROGRAMNYA MAUPUN FUNGSI2NYA.....kira2 gitu aja mas masukan/saran saya...
    Semoga dapat diterima dgn baik dan klo ada kata2 yg salah mohon maaf y mas sblumnya... 🙏🙏

  • @kalbarjaya3028
    @kalbarjaya3028 4 ปีที่แล้ว +1

    Bang bikin konten lagi yang bikin game karena kalau Abang yang bikin mudah di mengerti trus semuanya di jelasin

  • @yayanmardiansah4947
    @yayanmardiansah4947 3 ปีที่แล้ว

    Bisa tolong bikin aplikasi game nggak buat anak2 TK dan PAUD..
    Untuk memudahkan mereka belajar.
    Bikin program game
    "Cocokan gambar/tebak gambar"
    Game 1 :
    -Muncul gambar kemudian pemain ketik nama gambar itu apa, kalau benar kemudian muncul jawaban "benar kamu pintar" Terus muncul gambar selanjutnya kemudian tebak lagi kalau salah muncul keterangan "jawaban kamu salah, silahkan coba lagi" Terus sampai jawabannya benar dan gambar berganti ke gambar selanjutnya..
    Game 2 :
    -Nanti gambar yg muncul dimonitor langsung diketahui oleh game yg sudah dibuat (gambar tersebut ada diurutan no berapa) kemudian pemain tinggal tebak gambar selanjutnya yg akan keluar apa sesuai urutan gambar yg sudah dimasukan oleh pemain sendiri.
    -Pemain bisa masukan gambar dulu sesuai keinginannya disertai no urutannya..
    "Untuk anak PAUD dan TK"
    -Tujuan untuk memperkuat daya ingat, agar mengenal/tahu nama yg ada digambar dan ingat no urut tiap gambar.

  • @NayNay_Family
    @NayNay_Family 4 ปีที่แล้ว +1

    Aku liat Vidio ini jadi ingin belajar computer:)

  • @MuhammadYudaYudistira
    @MuhammadYudaYudistira ปีที่แล้ว

    coba bikin tutorail game developer seperti unreal or unity pak, pasti makin banyak lagi subcribernya apalagi anak muda. sekaligus memaju game developer di indonesia setelah saat ini memajukan web developer. :D

  • @homu986
    @homu986 4 ปีที่แล้ว +3

    Ketika programmer gabut dan bingung mau main game apaan, buat game sendiri aja lah... 😄

  • @wazalavipratama4085
    @wazalavipratama4085 4 ปีที่แล้ว +6

    Bikin vidio room tour pak... yg setuju like :)

  • @hafizhmaulana2658
    @hafizhmaulana2658 4 ปีที่แล้ว

    Mantap pak Dhika😁 makasih pak ilmunya🙏

  • @beniachmadmulyana
    @beniachmadmulyana ปีที่แล้ว

    mantaap lanjutin sampai gerakan replektornya dong

  • @MyOwntuahur
    @MyOwntuahur 4 ปีที่แล้ว

    Akhirnya #ngobar juga. Mantap

  • @NgodingPintar
    @NgodingPintar 4 ปีที่แล้ว +2

    keren pak dhika, salam #ngodingpintar 😇

  • @singabrothers4502
    @singabrothers4502 3 ปีที่แล้ว +1

    Pak, Di menit 20:46 punya saya juga gitu cara refresh nya gimana ya?

  • @rizal_
    @rizal_ 4 ปีที่แล้ว

    Cocok jadi Dosen dikampus ku nihh...

  • @miniyoutuber8969
    @miniyoutuber8969 4 ปีที่แล้ว

    Selanjutnya bahas Firebase bang kayanya udh cukup dengan materi yang udah dipelajari di channel ini : )

  • @danishbilaldanaya6461
    @danishbilaldanaya6461 4 ปีที่แล้ว

    Mantap kang....nuhun ilmunya

  • @rafli_sugiarto
    @rafli_sugiarto ปีที่แล้ว +1

    Bisa pakai properti pointer-events milik css biar tikusnya nggak bisa dipukul 2 kali

  • @rivanrn3537
    @rivanrn3537 4 ปีที่แล้ว

    Duh keren pisan pak

  • @santrimileniial
    @santrimileniial 4 ปีที่แล้ว

    Keren pak, sedikit pusing karena ngak punya basic programer

  • @satriyo5537
    @satriyo5537 4 ปีที่แล้ว +1

    Req Fingerprint dong pak dosen🙏

  • @gimmegame0
    @gimmegame0 4 ปีที่แล้ว

    Makasih tutorial nya, pak.

  • @m.shiqofilla4246
    @m.shiqofilla4246 3 ปีที่แล้ว

    Keren bat pak...

  • @trisnanugroho6802
    @trisnanugroho6802 4 ปีที่แล้ว

    terimakasih pak atas tutorialnya

  • @daffa_gamink
    @daffa_gamink 4 ปีที่แล้ว

    Boleh jadi insipirasi ni pak sandika, yang versi indo, maybe dengan kasus yang baru or beda. ehehehe terimakasi yaa

  • @hanselsamuel
    @hanselsamuel 4 ปีที่แล้ว

    Keren banget , terima kasih kak

  • @ahmadfauza5331
    @ahmadfauza5331 4 ปีที่แล้ว +3

    Kaos titik koma-nya kapan launchingnya?

  • @ilhamfirnanda9482
    @ilhamfirnanda9482 4 ปีที่แล้ว +1

    bagus ini untuk makan malam

  • @elanghardifal
    @elanghardifal 4 ปีที่แล้ว +1

    20:06 “sangat gak keren ini nama function-nya”, pin it!

  • @komunitasbarkah3662
    @komunitasbarkah3662 3 ปีที่แล้ว

    terimakasih bang....

  • @Kelvin_Falah
    @Kelvin_Falah ปีที่แล้ว

    Saya sebagai seorang pelajar SMA yang baru terjun ke dalam vanilla Javascript merasa sangat tersiksa dengan game beserta codingan yang dibuat oleh bapak.

  • @rafaleadaffa
    @rafaleadaffa 3 ปีที่แล้ว

    cuma bisa diam ngeliat kehebatan pak dhika

  • @sustainabless
    @sustainabless 4 ปีที่แล้ว +9

    jadi tertarik ngulik vanillaJS, dari dlu ngandelin jquery mlu.

    • @afghanekapangestu1016
      @afghanekapangestu1016 4 ปีที่แล้ว

      Wah ternyata bukan ane doang yang selalu ngandelin jQuery

    • @sustainabless
      @sustainabless 4 ปีที่แล้ว

      @@afghanekapangestu1016 kalem bro, masih banyak pengguna jquery tuh. Jquery tuh bagus cuma bikin lambat aja kurangnya. Sama tujuannya kalo udh lancar Javascript murni biar gampang buat adaptasi sama frontend berbasis JS atau TS.

    • @one_way_tech
      @one_way_tech 4 ปีที่แล้ว

      Wkwkwk mantep

  • @rikzankurnia8395
    @rikzankurnia8395 4 ปีที่แล้ว

    Keren video nya kak👍

  • @nanotech7431
    @nanotech7431 4 ปีที่แล้ว

    Mantap pak Dhika

  • @akbarstudy7664
    @akbarstudy7664 4 ปีที่แล้ว

    makasih ka udah mau sharing. bermanfaat banget.
    btw, punya saya ada bug. ketika game selesai ataupun game sedang berjalan terkadang masih bisa dipukul meski si tikusnya sudah tidak ada. yang tau mohon bimbingannya.

  • @roslanbainal5914
    @roslanbainal5914 4 ปีที่แล้ว +3

    mantap kali..salam dari msia pak

  • @saradaayu506
    @saradaayu506 4 ปีที่แล้ว

    Thanks pak dika..

  • @fadlanzunima5236
    @fadlanzunima5236 4 ปีที่แล้ว

    sering sering bikin kaya gini pak :D
    blom banyak yang gini versi indonya

  • @SuaraQurania
    @SuaraQurania 2 ปีที่แล้ว

    Vidio untuk membahas IF itu vidio yg mana yah pak ?

  • @galihbagus7843
    @galihbagus7843 4 ปีที่แล้ว

    Next ngobar bikin cbt boleh tuh pak dhika

  • @memorytempatshotingpengabd8901
    @memorytempatshotingpengabd8901 4 ปีที่แล้ว

    Terima kasih pak ilmunya..maaf mau tanya pak kalo buat aplikasi ke playstore itu awalnya dari mana ..mohon pencerahannya pak

  • @hendri9039
    @hendri9039 4 ปีที่แล้ว

    Hatur nuhun pa

  • @alexandrasimbolon3002
    @alexandrasimbolon3002 4 ปีที่แล้ว

    Pak buat konten kaya gini lagi dong pak😁

  • @dedegunawan7163
    @dedegunawan7163 4 ปีที่แล้ว

    Chanel bagus selain ini apa lagi yah?

  • @nabillaaaaa
    @nabillaaaaa 4 ปีที่แล้ว

    Terima kasih pak

  • @julianaputra10
    @julianaputra10 4 ปีที่แล้ว

    bang dika, request playlist framework JavaScript dong

  • @salmanalfaridzi1191
    @salmanalfaridzi1191 4 ปีที่แล้ว

    Ditunggu pak css flexbox nya 😊

  • @kontorou1232
    @kontorou1232 4 ปีที่แล้ว

    mantap om

  • @ilhhasap
    @ilhhasap 4 ปีที่แล้ว

    bau bau reactjs, nodejs... mantep pak!!

  • @andhykhalid1114
    @andhykhalid1114 4 ปีที่แล้ว

    keren banget pak dika

  • @ngomongapaaja5671
    @ngomongapaaja5671 2 ปีที่แล้ว

    Serasa sudah lama nggk ngobar nih pak....
    Coba pak pengen ngobar membuat game dinosaurus yg ketika tak ada sinyal di google

  • @joyvaladares8214
    @joyvaladares8214 3 ปีที่แล้ว

    next buat game dari bahasa pemrograman python

  • @hitungdongapps
    @hitungdongapps 4 ปีที่แล้ว

    gmn kalo seri javascript selanjutnya react js pak. biar yang belajar mobile app lanjut ke react native sekalian. mudah2an segera di rilis. btw, saya mengikuti seri php dasar skr sedang on job trainning sebagai front end developer di perusahaan di jakarta. background bukan dari it. kalo di buka kelas back end saya mau ikut pak. hehehe
    terima kasih atas sharing selama satu tahun ini. semoga menjadi inspirasi buat semua. dan pak dika memberikan inpirasi lewat karya2 nya. semoga selalu diberikan kesehatan ya pak.

  • @bagaissu
    @bagaissu 4 ปีที่แล้ว

    42:16 permainannya sih ga menantang, bikinnya itu lho.. :))

  • @pangesturahmatn
    @pangesturahmatn 4 ปีที่แล้ว

    Keren.. 😎👍

  • @hansremington
    @hansremington 4 ปีที่แล้ว

    ok abis ini buat cheat Pukul Tikus kantor

  • @MohammadaAprilianto
    @MohammadaAprilianto 4 ปีที่แล้ว

    pak sandhika, request tutorial hooks dan memcache code igniter beserta studi kasusnya pak, hehehe

  • @LemauDev
    @LemauDev 4 ปีที่แล้ว

    salam dari dev construct 2

  • @fitraazizalrasyid3774
    @fitraazizalrasyid3774 4 ปีที่แล้ว +1

    46:11

  • @Kucingku46
    @Kucingku46 4 ปีที่แล้ว

    pak, bikinin tutorial membuat game menggunakan three js

  • @aswinkurniadi3476
    @aswinkurniadi3476 4 ปีที่แล้ว

    Mantap pa dika

  • @davidalfarezky8124
    @davidalfarezky8124 4 ปีที่แล้ว +1

    Pa dhika property 'length' saya undefined pada syntax :
    const t = Math.floor(Math.random() * tanah.length);
    Mohon pencerahannya pa thx

    • @alfianhidayah6403
      @alfianhidayah6403 4 ปีที่แล้ว

      sama euy gmn ya kang

    • @iniciway
      @iniciway 4 ปีที่แล้ว

      sama bro,jadi gabisa auto

    • @jordanistiqlal
      @jordanistiqlal 4 ปีที่แล้ว

      length nya tambahin parameter-nya

  • @dedutdede9928
    @dedutdede9928 4 ปีที่แล้ว

    Keren pak

  • @FfblastBlogspot
    @FfblastBlogspot 4 ปีที่แล้ว

    Klo pake construct 2 bs gak. Terlanjur cocok sama c2

  • @PojokAnime
    @PojokAnime 4 ปีที่แล้ว +1

    sekarang kita masuk ke Javascrip nya, iklan,.
    WOw,. tumbeen momen nya tepat??

  • @arganiadhyaksa916
    @arganiadhyaksa916 3 ปีที่แล้ว +1

    bang cara share link gamenya gimana biar bisa dimaenin di laptop/hp org lain??

  • @reynabeelarzughaiyyatsxrpl2601
    @reynabeelarzughaiyyatsxrpl2601 2 ปีที่แล้ว

    untuk memasukan gambarnya pakah tidak ada cara lain kah pak selain memakai url

  • @lokipixel31
    @lokipixel31 2 ปีที่แล้ว

    cara nambahin game over gimana ya?....
    mohon bantuannya pak

  • @andry_mulyadi
    @andry_mulyadi 4 ปีที่แล้ว

    Pak mohon buat tutorial GIS untuk rumah makan dong pak, yang kekinian🙏🙏