Apa yang Dilakukan Acara onfocus di JavaScript

“ sedang fokus ” acara adalah acara bereputasi baik yang sebagian besar digunakan saat bekerja dengan formulir di JavaScript. Itu terpicu ketika elemen HTML yang terkait menjadi fokus. Ia bekerja pada semua jenis elemen HTML kecuali '', '', ' <base>', '<style>', '<head>', ' <body>', '<script> ”, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>”, dan “<param>”. Acara ini yaitu, “ <strong> sedang fokus</strong> ” umumnya digunakan di bidang input HTML untuk validasi semua jenis formulir.<p> Posting ini menjelaskan tujuan, cara kerja, dan penggunaan acara 'onfocus' dalam JavaScript.</p> <h2> <strong> Bagaimana 'Acara onfocus' Bekerja di JavaScript?</strong> </h2> <p> “ <strong> sedang fokus</strong> ” acara dipicu ketika elemen HTML tertentu menjadi fokus. Selain itu, Ini memanggil eksekusi fungsi JavaScript terkait.</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="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/q2myAEZdIsE?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <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="3"></ins><br /> elemen.<span class="me1"> sedang fokus</span> <span class="sy0"> =</span> fungsi<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Dalam sintaks di atas:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> elemen:</strong> Ini mewakili elemen HTML.</li> <li> <strong> fungsi():</strong> Ini mengacu pada fungsi yang perlu dipanggil pada pemicu peristiwa.</li> <li> <strong> Skripku:</strong> Ini sesuai dengan definisi fungsi untuk melakukan tugas tertentu saat peristiwa 'onfocus' terjadi.</li> </ul> <h2> <strong> Bagaimana Cara Menggunakan 'Acara Fokus' di JavaScript?</strong> </h2> <p> “ <strong> sedang fokus</strong> ” acara dapat digunakan dengan berbagai cara dalam JavaScript. Bagian ini melakukan berbagai contoh taktis untuk mengilustrasikan penggunaannya.</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> <h2> <strong> Contoh 1: Memicu</strong> “ <strong> Acara onfocus</strong> ” <strong> dengan Mengubah Warna Latar Belakang Kolom Input</strong> </h2> <p> Contoh ini memicu “ <strong> sedang fokus</strong> ” acara dengan mengubah warna latar bidang teks input dengan bantuan fungsi JavaScript yang ditentukan pengguna.</p> <h3> <strong> Kode HTML</strong> </h3> <p> Pertama, ikhtisar kode HTML berikut:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <span class="sy0"> <</span> h2<span class="sy0"> ></span> sedang fokus <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Peristiwa</span></a> Dalam JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Klik di dalam kolom input untuk mendapatkan fokus<span class="br0"> (</span> sedang fokus<span class="br0"> )</span> .<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> Nama</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> tipe masukan<span class="sy0"> =</span><span class="st0"> 'teks'</span> pengenal<span class="sy0"> =</span><span class="st0"> 'demo'</span> placeholder<span class="sy0"> =</span><span class="st0"> 'Masukkan nama Anda'</span> sedang fokus<span class="sy0"> =</span><span class="st0"> 'fungsi()'</span><span class="sy0"> ></span> <p> Dalam kode di atas:</p> <ul> <li> “ <strong> <h2></strong> ” tag mendefinisikan subjudul dan “ <strong> <p></strong> ” tag membuat paragraf, masing-masing.</li> <li> Setelah itu, “ <strong> <masukan></strong> ” tag yang mewakili bidang teks input diberi label “ <strong> Nama</strong> ”, tipe konten sebagai “ <strong> teks</strong> ”, terkait id sebagai“ <strong> demo</strong> ”, dan placeholder yang disebutkan.</li> <li> Juga ' <strong> sedang fokus</strong> ” acara ditentukan untuk mengarahkan ulang ke fungsi bernama “ <strong> fungsi()</strong> ”.</li> </ul> <h3> <strong> Kode JavaScript</strong> </h3> <p> Selanjutnya, buka kode JavaScript yang disediakan di bawah ini:</p> <span class="sy0"> <</span> naskah<span class="sy0"> ></span> <br> <br> fungsi fungsi<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> dokumen.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'demo'</span><span class="br0"> )</span> .<span class="me1"> gaya</span> .<span class="me1"> latar belakang</span> <span class="sy0"> =</span> <span class="st0"> 'Merah Jambu'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> naskah<span class="sy0"> ></span> <p> Pada baris kode di atas:</p> <ul> <li> Sebuah fungsi bernama “ <strong> fungsi()</strong> ' didefinisikan.</li> <li> Dalam definisi fungsi, “ <strong> dokumen.getElementById()</strong> ” metode mengambil paragraf melalui id-nya dan menerapkan metode “ <strong> gaya.latar belakang</strong> ' Properti.</li> <li> Ini sedemikian rupa sehingga warna latar belakang bidang teks input berubah pada saat peristiwa, yaitu pemicu 'onfocus'.</li> </ul> <p> <strong> Keluaran</strong> </p> <p> <img class="wp-image-324017" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-1.gif"></p> <p> Output menegaskan bahwa ketika ' <strong> sedang fokus</strong> ” pemicu acara, warna latar belakang bidang input yang diberikan berubah sesuai.</p> <h2> <strong> Contoh 2: Memicu</strong> “ <strong> Acara onfocus</strong> ” <strong> Melalui Kotak Peringatan</strong> </h2> <p> Dalam contoh ini, kotak peringatan dapat ditampilkan pada saat acara yaitu, “ <strong> sedang fokus</strong> ” memicu melalui fungsi yang ditentukan pengguna.</p> <h3> <strong> Kode HTML</strong> </h3> <p> Pertama, lihat kode HTML berikut:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> sedang fokus <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Peristiwa</span></a> Dalam JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Klik di dalam dari kolom input untuk mendapatkan fokus<span class="br0"> (</span> sedang fokus<span class="br0"> )</span> .<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> Nama</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> tipe masukan<span class="sy0"> =</span><span class="st0"> 'teks'</span> pengenal<span class="sy0"> =</span><span class="st0"> 'pass1'</span> placeholder<span class="sy0"> =</span><span class="st0"> 'Masukkan nama Anda'</span><span class="sy0"> ></span> <p> Di blok kode HTML di atas:</p> <ul> <li> Demikian juga, tambahkan subjudul level 2 melalui “ <strong> <h2></strong> ” tag dan sertakan paragraf menggunakan “ <strong> <p></strong> ” tag.</li> <li> Demikian pula, bidang input ditentukan melalui label yang disebutkan, tipe konten, id, dan placeholder, masing-masing.</li> </ul> <h3> <strong> Kode JavaScript</strong> </h3> <p> Sekarang, pertimbangkan kode JavaScript berikut:</p> <span class="sy0"> <</span> naskah<span class="sy0"> ></span> <br> <br> dokumen.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'pass1'</span><span class="br0"> )</span> .<span class="me1"> sedang fokus</span> <span class="sy0"> =</span> fungsi<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> demo<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> }</span><span class="sy0"> ;</span> <br> <br> fungsi demo<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> peringatan<span class="br0"> (</span><span class="st0"> 'Bidang input fokus.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> naskah<span class="sy0"> ></span> <p> Dalam cuplikan kode di atas:</p> <ul> <li> “ <strong> dokumen.getElementById()</strong> ” metode mengambil bidang input melalui id-nya dan mengaitkan acara yaitu, “ <strong> sedang fokus</strong> ” dengan itu.</li> <li> Sedemikian rupa sehingga fungsi JavaScript “ <strong> demo()</strong> ” menjadi dipanggil pada pemicu peristiwa dan menampilkan “ <strong> peringatan</strong> ” kotak dengan pesan yang disebutkan.</li> </ul> <p> <strong> Keluaran</strong> </p> <p> <strong> <img class="wp-image-324018" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-2.gif"></strong> </p> <p> Dalam output ini, dapat diamati bahwa ketika mouse mengklik di dalam bidang input, elemen menjadi fokus dan kotak 'peringatan' muncul menampilkan pesan yang disebutkan.</p> <h2> <strong> Kesimpulan</strong> </h2> <p> JavaScript menawarkan “ <strong> sedang fokus</strong> ” peristiwa yang dipicu saat elemen HTML terkait bergerak di dalamnya yaitu, mendapat fokus. Ini adalah kebalikan dari ' <strong> onblur</strong> ” peristiwa yang dipicu saat elemen kehilangan fokus. Ini dapat digunakan untuk menjalankan fungsi JavaScript untuk melakukan tugas yang diinginkan setelah dipicu. Panduan ini mendemonstrasikan tujuan, cara kerja, dan penggunaan event 'onfocus' dalam JavaScript.</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> </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/82/how-to-set-the-homepage-front-page-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-setting-homepage-halaman-depan">Cara Setting Homepage (Halaman Depan)</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/06/how-to-git-cherry-pick-a-commit-example-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-git-cherry-pick-contoh-komit">Bagaimana cara git cherry-pick Contoh Komit</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/2D/creating-word-art-in-ms-word-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/membuat-word-art-di-ms-word">Membuat Word Art di MS Word</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/A7/how-to-change-the-proxy-settings-in-chrome-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-mengubah-pengaturan-proxy-di-chrome">Bagaimana Mengubah Pengaturan Proxy di Chrome?</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/D8/how-to-set-the-dynamodb-sort-key-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengatur-kunci-sort-dynamodb">Cara Mengatur Kunci Sort DynamoDB</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/C3/how-to-activate-the-dan-version-of-chatgpt-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengaktifkan-chatgpt-versi-dan">Cara Mengaktifkan ChatGPT Versi DAN</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/6C/changing-gpu-memory-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mengubah-memori-gpu-di-raspberry-pi">Mengubah Memori GPU 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/4D/how-to-use-nested-functions-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-fungsi-bersarang-di-matlab">Cara Menggunakan Fungsi Bersarang di MATLAB</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/windows/45/how-reset-folder-view-settings-windows-vista.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-reset-folder-view-settings-windows-vista">Cara Mereset Pengaturan Tampilan Folder di Windows Vista, 7, 8 dan 10 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</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/F2/laptops-hibernates-while-playing-a-game-8211-how-to-fix-it-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/laptop-hibernasi-saat-bermain-game-cara-memperbaikinya">Laptop Hibernasi Saat Bermain Game – Cara Memperbaikinya</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/14/how-to-make-a-spyglass-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membuat-teropong">Cara Membuat Teropong</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/72/how-does-the-settimeout-work-in-typescript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-kerja-settimeout-di-typescript">Bagaimana cara kerja setTimeout di TypeScript?</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/18/how-to-write-unit-tests-in-c-for-better-code-quality-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menulis-tes-unit-di-c-untuk-kualitas-kode-yang-lebih-baik">Cara Menulis Tes Unit di C# untuk Kualitas Kode yang Lebih Baik</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/00/can-arduino-run-12v-relay-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bisakah-arduino-menjalankan-relai-12v">Bisakah Arduino Menjalankan Relai 12V?</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/FA/how-to-set-the-height-of-histogram-bar-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengatur-ketinggian-histogram-bar-di-matlab">Cara Mengatur Ketinggian Histogram Bar di MATLAB</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/4B/logstash-in-docker-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/logstash-di-docker">Logstash di Docker</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/80/how-to-set-up-multi-region-replication-with-amazon-aurora-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-mengatur-replikasi-multi-wilayah-dengan-amazon-aurora">Bagaimana Cara Mengatur Replikasi Multi-Wilayah dengan Amazon Aurora?</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/87/how-to-use-array-intersect-key-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-fungsi-array-intersect-key-di-php">Cara Menggunakan Fungsi “array_intersect_key()” di PHP</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/36/how-to-use-dot-asterisk-operator-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-operator-dot-asterisk-di-matlab">Cara Menggunakan Operator Dot Asterisk di MATLAB</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/5F/create-substrings-of-strings-in-postgresql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/buat-substring-dari-string-di-postgresql">Buat Substring dari String di PostgreSQL</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>