Javascript & DOM #8 – Bermain dengan WARNA (Latihan DOM 1)
Di video kali ini kita akan latihan untuk menerapkan semua materi yang telah kita pelajari sebelumnya (DOM Selection, Manipulation dan Event)
ini adalah latihan pertama kita untuk membuat program sederhana yang mengelola warna pada halaman web kita
—
VAR, LET & CONST :
https://youtu.be/7HDgJScwIrI
—
PLAYLIST Javascript & DOM :
https://www.youtube.com/playlist?list=PLFIM0718LjIWB3YRoQbQh82ZewAGtE2-3
—
PLAYLIST LAIN:
– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F
– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p
– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c
– CSS Layouting
https://www.youtube.com/playlist?list=PLFIM0718LjIUu4Ju9GUL5zpLcuq08TKYr
– Dasar Pemrograman dengan JAVASCRIPT
https://www.youtube.com/playlist?list=PLFIM0718LjIWXagluzROrA-iBY9eeUt4w
– Belajar PHP untuk Pemula
https://www.youtube.com/playlist?list=PLFIM0718LjIUqXfmEIBE3-uzERZPh3vp6
—
MEDIA SOSIAL
– http://instagram.com/sandhikagalih
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/webprogrammingunpas
– http://twitter.com/sandhikagalih
—
UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/
terimakasih dan selamat #ngoding!
@sandhikagalih
Javascript & DOM #8 – Bermain dengan WARNA (Latihan DOM 1)
Javascript & DOM #8 – Bermain dengan WARNA (Latihan DOM 1)
mantap pak.
Trimakasih bang dika ilmunya keren bangat
Mantap pak sering-sering buat latihan pak.salam titik koma;
Ajib pisan pak :D..
Tutorial yang niat banget..mantap Pak. Semoga bisa terus continue.
Mantap pa 👍
Pak boleh nanya kalo buat kode otomatis di bahasa pemograman web gimana? Jadi pas di dalam field id nya bertulisan misalnya MHS0001 jadi kaya auto increment lagi ,terima Kasih mohon penjelasannya hehe 😊
mantaff pak dika, makasih atas ilmunya
Pak kalo buat validasi di bahasa pemograman web ,misalnya di textbox inputannya harus angka kalo misalkan user input huruf cara muncul msg box 'harus diisi angka' gimana pak? Mohon pencerahannya hehe 😀
Kalo game snake bisa pake dom enggak pak @webprogrammingunpas?
di tunggu latihan berikutnya pak DIKA OK BGT VIDEONYA
nice tutorial Mas Dhika, sangat interaktif.. oiya mas Dhika saya sedang menunggu animasi dengan elemen canvas nya lho hehe.. nuhun dan sehat selalu Mas..
Coba semua dosen saya spt bapak, jago semua mhsnya 😅 ,trims ilmunya pak 🙏
Sangat bermanfaat sekaliii 😍 saya harap next time ada tutorial android studio kak hehe.
mantap.. tambah bagus mas video pembelajarannya, mudah dimengerti dan dipelajari. sudah agak paham javascript sekarang mas. update trus video pembelajarannya karna apa yang anda lakukan sangat mempermudah dalam belajar.
1. ada video studi kasus perancangan database gak buat web dengan php?
Lanjut trus. ditunggu videonya.
terima kasih.
bang lanjutin peginationya dong yg error pas serching nya pliss
aku gk ngerti nih cara benerinnya
Pak di php,bisa gak function untuk cek berapa huruf atau angka dalam variabel.kalau di js kan inner.leght
pak dika memang luar biasa 😀
saya sudah bikin pak, munkin sedikit lebih efektif programnya.
https://mwafa.github.io/WEB-Bermain-Warna/
Pak Sandhika , NodeJS masuk list pembelajaran kah? kapan?
kerenn..
wah keren mungkin ini bisa saya pake untuk menampilkan cek harga sewa dari jarak ke jarak ijin coba 😀
Maaf pertanyaan nya melenceng dari konten pak.
#namespace
#use
Saya sedang blajar oop php pak, yg mau saya tanyakan, cara untuk import class dari file lain menggunakan keyword 'use' apa harus file nya di include/require terlebih dahulu ? soalnya ak baca2 tutorial di internet file nya kok gag di include trlebih dahulu. Tapi ak coba import class dari file lain menggunakan 'use' tanpa ak include/require terlebih dahulu gag berhasil. Mohon jawabannya untuk memastikan pak.
baru tahu nih pak, ternyata dengan javascript web kita jadi lebih menarik, trus perdalam pak dika materi tentang javascrpt-nya…
pak dika, untuk ubah warna gmn cara membuat agar transisi warna bisa lebih smooth, thanx pak..
Cara saya begini pak… gimana.
<script>
document.body.addEventListener('mousemove', function(event){
const namaVar = Math.round((Math.random() * (event.clientX / event.clientY) )*(255*255*255)).toString(16);
document.body.style.backgroundColor = '#'+ namaVar ;
</script>
*ket : (255*255*255) => Posibility warna
body css => transition: .5s; (atau sesuai selera)
.toString(16) => convert ke HEX color
Bisa juga pake document.body.style.backgroundColor = `rgb(${r},${g},${b})`; buat warnanya
hadir… sehat, maju, and sukses selalu bung!!!
bang sy ijin unduh ya video"nya,, sebelumnya juga udah saya unduh,,,ijinin ya pak ,, makasih bnyak
33:42 . saya ketemu pak 😀 , cara yang mungkin lebih efektif https://pastebin.com/LbfCc2UE
Pak Dika mau nannya itu const r = sMerah.value. variabel 'R' nya itu otomatis di baca red ya ?begitu juga dengan G & B?
mantab Pak.. bisa untuk membuat web mode Dark/Light
ngebul sirah pak..
Ikut Berkreasi juga pak 😀
https://pastebin.com/QHJce67Z
pak dika numpang tanya, saya kan sudah berhasil buat slider dan bisa untuk menampilkan range nilai yang ada, jika saya ingin membuat sebuah input baru dan input itu bertipe text, saya ingin memasukan nilai range tersebut ke dalam input text itu, jadi setiap kali saya geser, input menerima nilai yang ada di dalam slider. Bagaimana pak caranya, terimakasih
pak punya saya kalau mulai gesernya selain merah gak bisa berubah warna.
Harus dimulai dari merah dulu, setelah itu hijau dan biru bisa berubah warna pas di geser.
bagaimana caranya biar bisa berubah warna tanpa harus mulai dari yang merah dulu?
Yang bisa saya lakukan sekarang untuk mensupport chanel Pak Sandhika ini selain Subcribe,
hannya tidak melewatkan setiap iklan yang menempel di video Bapak.
ini adalah chanel terbaik buat belajar pemrograman menurut saya,yang setuju : LIke.
"Jangan Lupa ; titik koma,hehhe
Maaf pak dika sedikit koreksi, kalo diawal kita klik btn (Acak Warna) setelah itu klik btn (Ubah Warna) itu btn (Ubah Warna) jd gak fungsi pak, karna ketiban atribut dari btn (Acak Warna), seharusnya pada function dari btn (Ubah Warna) ditambahkan method removeAttribute() pak dika🙏
mantap
Klo tombol random image bisa gk kak
Makasih pak ilmunya,
Pak biar warna teksnya random juga gmn ya pak? Tp warnanya kebalikan background colornya, klo pas background warnanya warna tua tulisannya warna muda itu gmn pak?
pak sandhika buatin video js random image donk dengan tombol button jg