Bagaimana Metode jQuery change() Bekerja

JavaScript adalah bahasa serbaguna bereputasi baik yang sebagian besar digunakan untuk menambahkan fungsionalitas interaktif ke situs web. Itu datang dengan perpustakaan bernama jQuery yang melakukan tugas-tugas ini secara efisien. Metode jQuery pada dasarnya adalah tindakan yang melakukan tugas tertentu tanpa banyak keterlibatan kode. Salah satu metode tersebut adalah “ mengubah() ” yang memicu peristiwa 'ubah' untuk segera menyadari bahwa nilai kolom input berubah. Sebagian besar digunakan dalam bidang formulir HTML serta kotak centang, tombol radio, dan kotak pilih.

Tulisan ini menguraikan tentang cara kerja dan implementasi praktis dari metode jQuery “change()”.

Bagaimana Cara Kerja Metode jQuery “change()”?

jQuery “ mengubah() ” metode mengaktifkan “ mengubah ” pengendali acara. Acara 'perubahan' adalah jenis khusus acara JavaScript yang terjadi ketika nilai elemen HTML yang ditentukan (' ', '', '<select>') diubah.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> <p> <strong> Sintaksis</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <span class="co4"> $</span><span class="br0"> (</span> pemilih<span class="br0"> )</span> .mengubah<span class="br0"> (</span><span class="kw1"> fungsi</span><span class="br0"> )</span> <p> <br> Dalam sintaks di atas:</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <ul> <li> <ul> <li> <strong> pemilih:</strong> Ini memungkinkan manipulasi elemen HTML.</li> <li> <strong> fungsi:</strong> Ini adalah parameter opsional yang menentukan fungsi yang akan dieksekusi dengan metode “change()”.</li> </ul> </li> </ul> <p> <strong> Contoh 1: Menerapkan Metode “change()” untuk Mendapatkan Nilai Perubahan Bidang Input</strong> </p> <p> Dalam contoh ini, “ <strong> mengubah()</strong> ” metode diterapkan untuk mengembalikan nilai perubahan elemen “ <input>” HTML tertentu.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <p> <strong> Kode HTML</strong> </p> <p> Pertama, ikhtisar kode HTML berikut:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> perubahan jQuery<span class="br0"> (</span><span class="br0"> )</span> metode<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Ubah nilai kolom input:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> Bidang Masukan:<span class="sy0"> <</span> memasukkan<span class="re2"> jenis</span> =<span class="st0"> 'teks'</span> <span class="re2"> nilai</span> =<span class="st0"> 'Linux'</span> <span class="re2"> dalam perubahan</span> =<span class="st0"> 'waspada(ini.nilai)'</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Klik pada tombol yang diberikan untuk memecat<span class="st0"> 'dalam perubahan'</span> peristiwa:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> <span class="sy0"> <</span> tombol<span class="sy0"> ></span> Klik disini<span class="sy0"> </</span> tombol<span class="sy0"> ></span> <p> <br> Di blok kode ini:</p> <ul> <li> <ul> <li> Tentukan subjudul level 2 menggunakan “ <strong> <h2></strong> ” tag.</li> <li> Selanjutnya, tentukan paragraf dengan bantuan “ <strong> <p></strong> ” tag.</li> <li> Setelah itu, tambahkan field input melalui tombol “ <strong> <masukan></strong> ' tag bernama ' <strong> Bidang Masukan</strong> ”, bertipe “ <strong> teks</strong> ”, dan nilainya sebagai “ <strong> Linux</strong> ”, masing-masing.</li> <li> Itu juga mengaitkan ' <strong> dalam perubahan()</strong> ” yang memunculkan kotak peringatan ketika nilai input yang ditentukan berubah.</li> <li> “ <strong> <p></strong> ” tag membuat paragraf lain dengan pernyataan yang disebutkan.</li> <li> Terakhir, tambahkan tombol menggunakan “ <strong> <tombol></strong> ” tag.</li> </ul> </li> </ul> <p> <strong> Kode jQuery</strong> </p> <p> Sekarang, pertimbangkan kode jQuery berikut:</p> <span class="sy0"> <</span><span class="kw2"> kepala</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> naskah<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> naskah<span class="sy0"> ></span> <br> <span class="sy0"> <</span> naskah<span class="sy0"> ></span> <br> $<span class="br0"> (</span> dokumen<span class="br0"> )</span> .siap<span class="br0"> (</span><span class="kw1"> fungsi</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'tombol'</span><span class="br0"> )</span> .klik<span class="br0"> (</span><span class="kw1"> fungsi</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'memasukkan'</span><span class="br0"> )</span> .mengubah<span class="br0"> (</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="sy0"> </</span> naskah<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> kepala</span><span class="sy0"> ></span> <p> <br> Pada baris kode di atas:</p> <ul> <li> <ul> <li> Tentukan “ <strong> <skrip></strong> ” tag di bagian “kepala” yang menyertakan jalur CDN jQuery dari situs web resmi “ <a href="https://jquery.com/"></a> ”.</li> <li> Selanjutnya, kode jQuery pertama-tama sesuai dengan “ <strong> dokumen</strong> ” pemilih untuk memilih elemen DOM yang ditargetkan dan mengaitkan “ <strong> siap()</strong> ” yang memanggil fungsi yang dinyatakan () segera setelah dokumen dimuat.</li> <li> Setelah itu, “ <strong> tombol</strong> ” pemilih ditambahkan dan ditautkan dengan “ <strong> klik()</strong> ” metode yang memungkinkan eksekusi fungsi setelah tombol diklik.</li> <li> Dalam definisi fungsi, terapkan ' <strong> mengubah()</strong> ” metode pada “ <strong> memasukkan</strong> ” elemen yang mengaktifkan peristiwa 'onchange' saat nilainya berubah.</li> </ul> </li> </ul> <p> <strong> Keluaran</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327916" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-1.gif"> <br> Keluarannya menampilkan kotak peringatan dengan nilai yang diubah dari bidang input setelah peristiwa 'pergantian' yang dipicu.</p> <p> <strong> Contoh 2: Menerapkan Metode “change()” untuk Mengubah Warna Latar Belakang Bidang Input</strong> </p> <p> Contoh khusus ini menjelaskan cara kerja ' <strong> mengubah()</strong> ” metode untuk mengubah warna latar belakang kolom input saat mengubah nilainya.</p> <p> <strong> Kode HTML</strong> </p> <p> Ikuti kode HTML yang diberikan:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> perubahan jQuery<span class="br0"> (</span><span class="br0"> )</span> metode<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Ubah nilai kolom input:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> Bidang Masukan:<span class="sy0"> <</span> memasukkan<span class="re2"> jenis</span> =<span class="st0"> 'teks'</span> <span class="re2"> nilai</span> =<span class="st0"> 'Linux'</span><span class="sy0"> ></</span> P<span class="sy0"> ></span> <p> <br> Di sini, elemen “ <input>” hanya menentukan jenis dan nilainya.</p> <p> <strong> Kode jQuery</strong> </p> <p> Sekarang, lanjutkan ke kode jQuery:</p> <span class="sy0"> <</span><span class="kw2"> kepala</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> naskah<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> naskah<span class="sy0"> ></span> <br> <span class="sy0"> <</span> naskah<span class="sy0"> ></span> <br> $<span class="br0"> (</span> dokumen<span class="br0"> )</span> .siap<span class="br0"> (</span><span class="kw1"> fungsi</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'memasukkan'</span><span class="br0"> )</span> .mengubah<span class="br0"> (</span><span class="kw1"> fungsi</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> ini<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'warna latar belakang'</span> ,<span class="st0"> 'kuning'</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="sy0"> </</span> naskah<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> kepala</span><span class="sy0"> ></span> <p> <br> Pada baris kode di atas, “ <strong> mengubah ()</strong> metode melampirkan ' <strong> fungsi()</strong> ” yang menerapkan properti gaya “CSS” “ <strong> warna latar belakang</strong> ” pada elemen HTML yang dipilih yaitu, “input” pada nilai input yang diubah.</p> <p> <strong> Keluaran</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327917" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-2.gif"> <br> Output mengonfirmasi bahwa warna latar belakang bidang input yang diberikan berubah ketika nilainya diubah.</p> <h2> Kesimpulan</h2> <p> jQuery menawarkan ' <strong> mengubah()</strong> ” yang memicu peristiwa 'ubah' saat pengguna mengubah nilai bidang input. Itu juga dapat dikaitkan dengan acara tambahan untuk mendukung fungsinya. Ini hanya berfungsi pada elemen HTML ' <input>', '<select>', dan '<textarea>'. Tulisan ini memberikan tampilan mendetail tentang metode 'perubahan ()' di jQuery.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/lainnya/" class="tag-cloud-link">Lainnya</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Lainnya</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Perbesar</a> </li><li> <a href="/cinnamon/">Kayu Manis</a> </li><li> <a href="/reviews/">Ulasan</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Kompresi</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Retakan Udara</a> </li><li> <a href="/office-productivity-software/">Perangkat Lunak Produktivitas Kantor</a> </li><li> <a href="/boot/">Sepatu Bot</a> </li><li> <a href="/system-calls/">Panggilan Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Jaringan</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kompleks</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Buruh Pelabuhan</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Burung Beo</a> </li><li> <a href="/sublime/">Sublim</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telepon</a> </li><li> <a href="/kodi/">Kode</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Kelezatan</a> </li><li> <a href="/mouse/">Mouse</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Keriting</a> </li><li> <a href="/kde/">Di Mana</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Font</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Gambar-Gambar</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Cumi-Cumi</a> </li><li> <a href="/mate/">Pasangan</a> </li><li> <a href="/vlc-media-player/">Pemutar Media Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Papan Ketik</a> </li><li> <a href="/inkscape/">Pemandangan Tinta</a> </li><li> <a href="/encryption/">Enkripsi</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Awan Sendiri</a> </li><li> <a href="/scanner/">Pemindai</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Topi Merah</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Buku Catatan Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Pemutar Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Uap</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kekuasaan</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Status Bersih</a> </li><li> <a href="/kvm/">Meter Persegi</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Pegangan</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Pengembaraan</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Aliran Tensor</a> </li><li> <a href="/autodesk/">Meja Otomatis</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Warisan)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kantor</a> </li><li> <a href="/lainnya/">Lainnya</a> </li><li> <a href="/kamera-web/">kamera web</a> </li><li> <a href="/pemutar-media/">pemutar media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/sublim/">sublim</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/cloud-berikutnya/">cloud berikutnya</a> </li><li> <a href="/kebajikan/">kebajikan</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/boot-aman/">#boot-aman</a> </li><li> <a href="/perangkat-passthrough/">perangkat-passthrough</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Pesan Populer</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B5/what-is-serverless-data-integration-used-for-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/untuk-apa-integrasi-data-tanpa-server-digunakan">Untuk Apa Integrasi Data Tanpa Server Digunakan?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/54/how-much-data-does-a-laptop-use-on-a-hotspot-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/berapa-banyak-data-yang-digunakan-laptop-di-hotspot">Berapa Banyak Data yang Digunakan Laptop di Hotspot?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AB/how-to-perform-routing-strategies-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-melakukan-strategi-perutean-di-node-js">Bagaimana Melakukan Strategi Perutean di Node.js?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AA/windows-terminal-color-schemes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/skema-warna-terminal-windows">Skema Warna Terminal Windows</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5D/raspberry-pi-system-monitoring-using-monitorix-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pemantauan-sistem-raspberry-pi-menggunakan-monitorix">Pemantauan Sistem Raspberry Pi Menggunakan Monitorix</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/ubuntu-24-04-cat/F9/how-to-install-google-chrome-on-ubuntu-24-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memasang-google-chrome-di-ubuntu-24-04">Cara Memasang Google Chrome di Ubuntu 24.04</a> </h3> <div class="meta"> <div> <a href="/ubuntu-24-04-cat/"><span class="icon-chat"></span> Ubuntu 24.04</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/90/what-is-player-id-in-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apa-itu-id-pemain-di-roblox">Apa itu ID Pemain di Roblox?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/61/how-to-get-just-one-file-from-another-branch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-mendapatkan-hanya-satu-file-dari-cabang-lain">Bagaimana Cara Mendapatkan Hanya Satu File Dari Cabang Lain?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/10/give-user-shutdown-and-reboot-privileges-in-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/berikan-pengguna-shutdown-dan-reboot-privileges-di-raspberry-pi">Berikan Pengguna Shutdown dan Reboot Privileges di Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E3/how-do-i-pull-files-from-remote-without-overwriting-local-files-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-menarik-file-dari-jarak-jauh-tanpa-menimpa-file-lokal">Bagaimana cara Menarik File dari Jarak Jauh Tanpa Menimpa File Lokal?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F4/how-to-perform-left-outer-joins-8211-linq-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-melakukan-left-outer-joins-linq-di-c">Cara Melakukan Left Outer Joins – LINQ di C#</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F5/what-are-the-discord-testing-clients-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apa-itu-klien-pengujian-perselisihan">Apa itu Klien Pengujian Perselisihan?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9F/how-to-hide-your-online-status-on-whatsapp-on-android-phones-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menyembunyikan-status-online-anda-di-whatsapp-di-ponsel-android">Cara Menyembunyikan Status Online Anda di WhatsApp di Ponsel Android</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/68/10-scariest-games-on-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/10-game-paling-menakutkan-di-roblox">10 Game Paling Menakutkan di Roblox</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AB/how-to-revert-modification-in-git-using-git-revert-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-mengembalikan-modifikasi-di-git-menggunakan-perintah-git-revert">Bagaimana Mengembalikan Modifikasi di Git Menggunakan Perintah 'git revert'?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EC/how-to-perform-data-cleaning-with-python-and-pandas-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-melakukan-pembersihan-data-dengan-python-dan-pandas">Cara Melakukan Pembersihan Data dengan Python dan Pandas</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/90/what-are-the-differences-between-oracle-linux-and-ubuntu-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apa-perbedaan-antara-oracle-linux-dan-ubuntu-linux">Apa Perbedaan Antara Oracle Linux dan Ubuntu Linux?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/23/how-to-block-a-website-for-a-standard-user-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-memblokir-situs-web-untuk-pengguna-standar-di-windows-10">Bagaimana Cara Memblokir Situs Web untuk Pengguna Standar di Windows 10?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6A/how-to-configure-jupyterhub-idle-culler-on-jupyterhub-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengonfigurasi-jupyterhub-idle-culler-di-jupyterhub">Cara Mengonfigurasi JupyterHub Idle Culler di JupyterHub</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2B/get-the-filter-and-monitor-the-kubernetes-events-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dapatkan-filter-dan-pantau-acara-kubernetes">Dapatkan Filter dan Pantau Acara Kubernetes</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>