Apakah yang dilakukan oleh Acara onfocus dalam JavaScript

Apakah Yang Dilakukan Oleh Acara Onfocus Dalam Javascript



' onfocus ” acara ialah acara terkenal yang kebanyakannya digunakan semasa bekerja dengan borang dalam JavaScript. Ia tercetus apabila elemen HTML yang dikaitkan dengannya difokuskan. Ia berfungsi pada semua jenis elemen HTML kecuali “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script> ”, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>”, dan “<param>”. Acara ini iaitu, ' <strong> onfocus</strong> ” biasanya digunakan dalam medan input HTML untuk pengesahan semua jenis borang.<p> Siaran ini menerangkan objektif, kerja dan penggunaan acara 'onfocus' dalam JavaScript.</p> <h2> <strong> Bagaimanakah 'Acara onfocus' Berfungsi dalam JavaScript?</strong> </h2> <p> ' <strong> onfocus</strong> ” peristiwa dicetuskan apabila elemen HTML tertentu difokuskan. Selain itu, Ia memanggil pelaksanaan fungsi JavaScript yang berkaitan.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script> <!-- softoban1 --> <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/_KfdMaaluMw?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Sintaks</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> unsur.<span class="me1"> onfocus</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> unsur:</strong> Ia mewakili elemen HTML.</li> <li> <strong> fungsi():</strong> Ia merujuk kepada fungsi yang perlu digunakan semasa pencetus peristiwa.</li> <li> <strong> myScript:</strong> Ia sepadan dengan definisi fungsi untuk melaksanakan tugas khusus apabila peristiwa 'onfocus' berlaku.</li> </ul> <h2> <strong> Bagaimana untuk Menggunakan 'Acara onfocus' dalam JavaScript?</strong> </h2> <p> ' <strong> onfocus</strong> ” acara boleh digunakan dengan cara yang berbeza dalam JavaScript. Bahagian ini menjalankan pelbagai contoh taktikal untuk menggambarkan penggunaannya.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script> <!-- softoban2 --> <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: Mencetuskan</strong> “ <strong> Acara onfocus</strong> ” <strong> dengan Menukar Warna Latar Belakang Medan Input</strong> </h2> <p> Contoh ini mencetuskan ' <strong> onfocus</strong> ” acara dengan menukar warna latar belakang medan teks input dengan bantuan fungsi JavaScript yang ditentukan pengguna.</p> <h3> <strong> Kod HTML</strong> </h3> <p> Pertama, gambaran keseluruhan kod 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> onfocus <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> hlm<span class="sy0"> ></span> Klik di dalam medan input untuk mendapatkan fokus<span class="br0"> (</span> onfocus<span class="br0"> )</span> .<span class="sy0"> </</span> hlm<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> jenis input<span class="sy0"> =</span><span class="st0"> 'teks'</span> ID<span class="sy0"> =</span><span class="st0"> 'demo'</span> pemegang tempat<span class="sy0"> =</span><span class="st0"> 'Masukkan nama anda'</span> onfocus<span class="sy0"> =</span><span class="st0"> 'func()'</span><span class="sy0"> ></span> <p> Dalam kod di atas:</p> <ul> <li> ' <strong> <h2></strong> teg ” mentakrifkan subtajuk dan “ <strong> <p></strong> teg ” mencipta perenggan, masing-masing.</li> <li> Selepas itu, ' <strong> <input></strong> 'tag yang mewakili medan teks input dilabelkan' <strong> Nama</strong> ”, jenis kandungan sebagai “ <strong> teks</strong> ”, id yang dikaitkan sebagai “ <strong> demo</strong> ”, dan pemegang tempat yang dinyatakan.</li> <li> Juga, ' <strong> onfocus</strong> acara ' ditentukan untuk mengubah hala ke fungsi bernama ' <strong> func()</strong> ”.</li> </ul> <h3> <strong> Kod JavaScript</strong> </h3> <p> Seterusnya, pergi melalui kod JavaScript yang disediakan di bawah:</p> <span class="sy0"> <</span> skrip<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> skrip<span class="sy0"> ></span> <p> Dalam baris kod di atas:</p> <ul> <li> Fungsi bernama “ <strong> func()</strong> ' ditakrifkan.</li> <li> Dalam definisi fungsi, ' <strong> document.getElementById()</strong> ' kaedah mengambil perenggan melalui idnya dan menggunakan ' <strong> gaya.latar belakang</strong> ” harta benda.</li> <li> Ia adalah sedemikian rupa sehingga warna latar belakang medan teks input berubah apabila peristiwa itu iaitu, pencetus 'onfocus'.</li> </ul> <p> <strong> Pengeluaran</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 mengesahkan bahawa apabila ' <strong> onfocus</strong> ” peristiwa pencetus, warna latar belakang medan input yang diberikan berubah dengan sewajarnya.</p> <h2> <strong> Contoh 2: Mencetuskan</strong> “ <strong> Acara onfocus</strong> ” <strong> Melalui Peti Amaran</strong> </h2> <p> Dalam contoh ini, kotak amaran boleh dipaparkan semasa acara iaitu, “ <strong> onfocus</strong> ” cetusan melalui fungsi yang ditentukan pengguna.</p> <h3> <strong> Kod HTML</strong> </h3> <p> Pertama, lihat kod HTML berikut:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> onfocus <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> hlm<span class="sy0"> ></span> Klik dalam daripada medan input untuk mendapatkan fokus<span class="br0"> (</span> onfocus<span class="br0"> )</span> .<span class="sy0"> </</span> hlm<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> jenis input<span class="sy0"> =</span><span class="st0"> 'teks'</span> ID<span class="sy0"> =</span><span class="st0"> 'lulus1'</span> pemegang tempat<span class="sy0"> =</span><span class="st0"> 'Masukkan nama anda'</span><span class="sy0"> ></span> <p> Dalam blok kod HTML di atas:</p> <ul> <li> Begitu juga, tambahkan subtajuk tahap 2 melalui “ <strong> <h2></strong> teg ” dan sertakan perenggan menggunakan “ <strong> <p></strong> ” tag.</li> <li> Begitu juga, medan input ditakrifkan melalui label yang dinyatakan, jenis kandungan, id dan pemegang tempat, masing-masing.</li> </ul> <h3> <strong> Kod JavaScript</strong> </h3> <p> Sekarang, pertimbangkan kod JavaScript berikut:</p> <span class="sy0"> <</span> skrip<span class="sy0"> ></span> <br> <br> dokumen.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'lulus1'</span><span class="br0"> )</span> .<span class="me1"> onfocus</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> demo fungsi<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> amaran<span class="br0"> (</span><span class="st0"> 'Medan input difokuskan.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> skrip<span class="sy0"> ></span> <p> Dalam coretan kod di atas:</p> <ul> <li> ' <strong> document.getElementById()</strong> ' kaedah mengambil medan input melalui idnya dan mengaitkan acara iaitu, ' <strong> onfocus</strong> ' dengannya.</li> <li> Oleh itu, fungsi JavaScript ' <strong> demo()</strong> ” menjadi dipanggil pada pencetus peristiwa dan memaparkan “ <strong> amaran</strong> ” kotak dengan mesej yang dinyatakan.</li> </ul> <p> <strong> Pengeluaran</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 diperhatikan bahawa apabila tetikus mengklik di dalam medan input, elemen akan difokuskan dan kotak 'amaran' muncul memaparkan mesej yang dinyatakan.</p> <h2> <strong> Kesimpulan</strong> </h2> <p> JavaScript menawarkan ' <strong> onfocus</strong> ” peristiwa yang dicetuskan apabila elemen HTML yang berkaitan bergerak di dalamnya iaitu, mendapat fokus. Ia adalah songsang daripada ' <strong> onblur</strong> ” peristiwa yang tercetus apabila elemen hilang fokus. Ia boleh digunakan untuk menggunakan fungsi JavaScript untuk melaksanakan tugas yang diingini apabila dicetuskan. Panduan ini menunjukkan tujuan, kerja dan penggunaan acara '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="/lain-lain/" class="tag-cloud-link">Lain-lain</a> </div> </div> </div><!-- END--> </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/">Pai Raspberi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Yang Lain</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zum</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/">Bukaan Terbuka</a> </li><li> <a href="/compression/">Pemampatan</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Kapal Terbang</a> </li><li> <a href="/office-productivity-software/">Perisian Produktiviti Pejabat</a> </li><li> <a href="/boot/">But</a> </li><li> <a href="/system-calls/">Panggilan Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rangkaian</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Curang</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Tukang Dok</a> </li><li> <a href="/firewall/">Tembok Api</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 Parrot</a> </li><li> <a href="/sublime/">Luhur</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kod</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Makanan Istimewa</a> </li><li> <a href="/mouse/">Tetikus</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Arus Deras</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kerinting</a> </li><li> <a href="/kde/">Di Mana</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fon</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Gambar</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Sotong</a> </li><li> <a href="/mate/">Jodoh</a> </li><li> <a href="/vlc-media-player/">Pemain Media Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Papan Kekunci</a> </li><li> <a href="/inkscape/">Pemandangan Dalam</a> </li><li> <a href="/encryption/">Penyulitan</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Pengimbas</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 Nota 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/">Kejayaan</a> </li><li> <a href="/media-players/">Pemain Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Wap</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kuasa</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</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/">Cengkaman</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/">Autodesk</a> </li><li> <a href="/lubuntu/">Pelincir</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Tingkap</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/">Pejabat</a> </li><li> <a href="/lain-lain/">Lain-lain</a> </li><li> <a href="/pai-raspberi/">Pai raspberi</a> </li><li> <a href="/kamera-web/">kamera web</a> </li><li> <a href="/pemain-media/">pemain media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/but/">but</a> </li><li> <a href="/agung/">agung</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kebajikan/">kebajikan</a> </li><li> <a href="/usb-laluan/">usb-laluan</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Jawatan Popular</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/15/15-tips-to-improve-the-laptop-s-battery-life-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/15-petua-untuk-meningkatkan-hayat-bateri-komputer-riba">15 Petua untuk Meningkatkan Hayat Bateri Komputer Riba</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/F7/how-to-use-navigator-online-property-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-harta-navigator-online-dalam-javascript">Cara Menggunakan Harta navigator.onLine dalam JavaScript</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/65/how-to-transition-css-8220-display-8221-8220-opacity-8221-properties-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-peralihan-ciri-paparan-kelegapan-css">Cara Peralihan Ciri 'paparan' + 'kelegapan' CSS</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/34/what-are-the-amazon-redshift-datatypes-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-jenis-data-amazon-redshift">Apakah Jenis Data Amazon Redshift?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/77/how-to-use-stripos-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-fungsi-stripos-dalam-php">Cara Menggunakan Fungsi stripos() dalam PHP</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/32/how-to-install-jenkins-on-ubuntu-24-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memasang-jenkins-pada-ubuntu-24-04">Cara Memasang Jenkins pada Ubuntu 24.04</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/D7/cannot-open-source-file-iostream-error-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ralat-tidak-boleh-buka-fail-iostream-dalam-c">Ralat 'Tidak Boleh Buka Fail Iostream' dalam C++</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/E6/how-to-use-git-in-powershell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-git-dalam-powershell">Cara Menggunakan Git dalam PowerShell</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/04/how-to-change-or-reset-your-pin-in-windows-11-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-menukar-atau-tetapkan-semula-pin-anda-dalam-windows-11">Bagaimana untuk Menukar, atau Tetapkan Semula PIN Anda dalam Windows 11?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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-install-pytorch-with-nvidia-gpu-cuda-acceleration-support-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memasang-pytorch-dengan-sokongan-pecutan-gpu-cuda-nvidia-pada-debian-12">Cara Memasang PyTorch dengan Sokongan Pecutan GPU/CUDA NVIDIA pada Debian 12</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/BF/what-do-discord-mods-do-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-yang-dilakukan-oleh-mod-discord">Apakah yang dilakukan oleh mod Discord</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/E4/chapter-2-boolean-algebra-and-its-related-computer-components-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/bab-2-algebra-boolean-dan-komponen-komputer-berkaitannya">Bab 2: Algebra Boolean dan Komponen Komputer Berkaitannya</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/70/how-to-understand-magnetic-hysteresis-loop-and-b-h-curve-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memahami-gelung-histeresis-magnetik-dan-lengkung-b-h">Cara Memahami Gelung Histeresis Magnetik dan Lengkung B-H</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/20/program-esp32-with-micropython-using-vs-code-and-pymakr-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/program-esp32-dengan-micropython-menggunakan-kod-vs-dan-pymakr">Program ESP32 dengan MicroPython Menggunakan Kod VS dan PyMakr</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/BB/how-to-implement-logging-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-melaksanakan-pengelogan-dalam-node-js">Cara Melaksanakan Pengelogan dalam Node.js</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/37/how-to-install-and-use-vnstat-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memasang-dan-menggunakan-vnstat-pada-linux-mint-21">Cara Memasang dan Menggunakan vnStat pada Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/FF/how-to-manage-and-clear-your-cache-and-cookies-in-microsoft-edge-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengurus-dan-mengosongkan-cache-dan-kuki-anda-dalam-microsoft-edge">Cara Mengurus dan Mengosongkan Cache dan Kuki Anda dalam Microsoft Edge</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/D6/most-popular-and-essential-linux-applications-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/aplikasi-linux-paling-popular-dan-penting">Aplikasi Linux Paling Popular dan Penting</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/FC/how-to-send-emails-using-the-command-line-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menghantar-e-mel-menggunakan-baris-perintah-di-linux">Cara Menghantar E-mel Menggunakan Baris Perintah di Linux</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/usb-passthrough/BF/how-to-passthrough-usb-devices-to-proxmox-ve-8-virtual-machines-vms-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-melepasi-peranti-usb-ke-mesin-maya-vm-proxmox-ve-8">Cara Melepasi Peranti USB ke Mesin Maya (VM) Proxmox VE 8</a> </h3> <div class="meta"> <div> <a href="/usb-laluan/"><span class="icon-chat"></span> usb-laluan</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <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>