Apakah yang dilakukan oleh Acara onmouseover dalam JavaScript

Apakah Yang Dilakukan Oleh Acara Onmouseover Dalam Javascript



' onmouseover ” acara melaksanakan tugas yang diingini apabila pengguna menuding tetikus pada elemen HTML. Ia menyokong semua jenis elemen HTML kecuali “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script>” , “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>”, dan “<param>”. Dalam JavaScript, ia kebanyakannya digunakan untuk memanggil dan melaksanakan fungsi untuk melaksanakan tugas tertentu apabila pencetus peristiwa.<p> Panduan ini akan menunjukkan objektif dan fungsi acara 'onmouseover' dalam JavaScript.</p> <h2> <strong> Bagaimanakah 'Acara onmouseover' Berfungsi dalam JavaScript?</strong> </h2> <p> ' <strong> onmouseover</strong> ” acara membenarkan pelaksanaan fungsi JavaScript dengan melayangkan penunjuk tetikus pada elemen yang ditentukan.</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/OsgKPvmcPAo?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"> onmouseover</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 menentukan elemen HTML tertentu seperti “<p>”, “<h2>”, “<h3>” dsb.</li> <li> <strong> fungsi():</strong> Ia mewakili fungsi yang ditentukan yang akan digunakan pada pencetus peristiwa.</li> <li> <strong> myScript:</strong> Ia merujuk kepada definisi fungsi untuk melaksanakan tugas tertentu apabila peristiwa 'onmouseover' berlaku.</li> </ul> <p> <strong> Sintaks(Dengan Kaedah 'addEventListener()')</strong> </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> unsur.<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'tetikus ke atas'</span> , myScript<span class="br0"> )</span><span class="sy0"> ;</span> <p> Dalam sintaks di atas, ' <strong> addEventListner()</strong> kaedah ' melampirkan ' <strong> onmouseover</strong> ” acara untuk pelaksanaan fungsi JavaScript untuk melaksanakan beberapa tugas.</p> <h3> <strong> Contoh 1: Menggunakan Acara 'onmouseover' untuk Memaparkan Kotak Makluman Berdasarkan Sintaks Asas</strong> </h3> <p> Dalam senario ini, ' <strong> onmouseover</strong> 'peristiwa boleh dikaitkan dengan' <strong> <p></strong> ”, iaitu, elemen HTML perenggan untuk memaparkan kotak amaran dengan mesej yang disediakan semasa pencetus peristiwa.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h3> <strong> Kod HTML</strong> </h3> <p> Pertama, lihat kod HTML berikut:</p> <span class="sy0"> <</span> h2 sejajar<span class="sy0"> =</span><span class="st0"> 'pusat'</span><span class="sy0"> ></span> Amaran paparan <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> Kotak</span></a> menggunakan<span class="st0"> 'onmouseover'</span> Peristiwa<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p onmouseover<span class="sy0"> =</span><span class="st0"> 'sampel()'</span><span class="sy0"> ></span> Tuding pada<span class="kw1"> ini</span> perenggan untuk muncul kotak amaran.<span class="sy0"> </</span> hlm<span class="sy0"> ></span> <p> Dalam kod di atas:</p> <ul> <li> Mula-mula, tambahkan subtajuk tahap 2 melalui “ <strong> <h2></strong> teg ” dan tetapkan penjajarannya kepada “tengah”.</li> <li> Seterusnya, masukkan perenggan yang mempunyai kaitan ' <strong> onmouseover</strong> ' acara mengubah hala ke fungsi bernama ' <strong> sampel()</strong> ” yang akan dicetuskan apabila tuding tetikus pada perenggan ini.</li> </ul> <h3> <strong> Kod JavaScript</strong> </h3> <p> Sekarang, lihat ikhtisar kod JavaScript yang disediakan di bawah:</p> <span class="sy0"> <</span> skrip<span class="sy0"> ></span> <br> <br> sampel fungsi<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> amaran<span class="br0"> (</span><span class="st0"> 'acara onmouseover dicetuskan'</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, fungsi ' <strong> sampel()</strong> ' diisytiharkan untuk memaparkan ' <strong> amaran</strong> ” kotak dengan mesej yang dinyatakan apabila peristiwa “onmouseover” dicetuskan.</p> <p> <strong> Pengeluaran</strong> </p> <p> <strong> <img class="wp-image-324019" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-1.gif"></strong> </p> <p> Output ini menunjukkan bahawa apabila tetikus melayang di atas perenggan, kotak 'amaran' muncul memaparkan mesej yang dinyatakan.</p> <h3> <strong> Contoh 2: Menggunakan Acara 'onmouseover' untuk Menukar Warna Latar Belakang Berdasarkan Sintaks Kaedah 'addEventListener()'</strong> </h3> <p> Contoh ini menggunakan acara 'onmouseover' dengan kaedah 'addEventListener()' untuk menukar perenggan ' <strong> warna latar belakang</strong> ” pada pencetus peristiwa.</p> <h3> <strong> Kod HTML</strong> </h3> <p> Kod HTML diberikan di bawah:</p> <span class="sy0"> <</span> h2 sejajar<span class="sy0"> =</span><span class="st0"> 'pusat'</span><span class="sy0"> ></span> Tukar Latar belakang <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> Warna</span></a> menggunakan<span class="st0"> 'onmouseover'</span> Peristiwa<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p id<span class="sy0"> =</span><span class="st0"> 'ujian'</span><span class="sy0"> ></span> Tuding pada<span class="kw1"> ini</span> perenggan untuk menukar warna latar belakangnya.<span class="sy0"> </</span> hlm<span class="sy0"> ></span> <p> Dalam baris kod di atas:</p> <ul> <li> Begitu juga, ' <strong> <h2></strong> elemen ” mencipta subtajuk tahap 2 sejajar pada “ <strong> pusat</strong> ”.</li> <li> Selepas itu, ' <strong> <p></strong> elemen ” mewakili perenggan yang mempunyai id “ujian”.</li> </ul> <h3> <strong> Kod JavaScript</strong> </h3> <p> Sekarang, teruskan ke 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"> 'ujian'</span><span class="br0"> )</span> .<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'tetikus ke atas'</span> , demo<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> dokumen.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'ujian'</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 blok kod di atas:</p> <ul> <li> ' <strong> getElementById()</strong> kaedah ' digunakan digabungkan dengan ' <strong> addEventListener()</strong> ' kaedah untuk mengambil perenggan melalui 'ujian' id yang berkaitan dan mengaitkan acara 'mouseover' dengan fungsi yang dinyatakan sebagai hujahnya.</li> <li> Sekarang, tentukan fungsi ' <strong> myfunc()</strong> ”.</li> <li> Dalam definisi fungsi, ' <strong> document.getElementById()</strong> ' kaedah menggunakan ' <strong> gaya.latar belakang</strong> ” harta untuk menukar warna latar belakang perenggan apabila pencetus peristiwa.</li> </ul> <p> <strong> Pengeluaran</strong> </p> <p> <strong> <img class="wp-image-324020" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-2.gif"></strong> </p> <p> Seperti yang dilihat, ' <strong> warna latar belakang</strong> ” perenggan telah diubah apabila peristiwa yang dicetuskan iaitu, “mouseover”.</p> <h2> <strong> Kesimpulan</strong> </h2> <p> JavaScript menawarkan terbina dalam ' <strong> onmouseover</strong> ” peristiwa yang mencetuskan tindakan yang diingini apabila menuding tetikus pada elemen HTML. Ia menggunakan fungsi JavaScript untuk melaksanakan tindakan yang ditentukan pada pencetus peristiwa. Ia boleh dilaksanakan dengan ' <button>' atau elemen HTML lain seperti '<p>', '<h>' dsb. Siaran ini menerangkan penggunaan dan kefungsian acara 'onmouseover' 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><li> <a href="/laluan-peranti/">laluan-peranti</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/pemasangan-pemandu/">pemasangan pemandu</a> </li><li> <a href="/wakeonlan/">wakeonlan</a> </li><li> <a href="/dsm7-cat/">dsm7</a> </li><li> <a href="/cifs/">cifs</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/20/how-to-enable-and-disable-lockdown-mode-on-iphone-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mendayakan-dan-lumpuhkan-mod-lockdown-pada-iphone">Cara Mendayakan dan Lumpuhkan Mod Lockdown pada iPhone</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/82/how-to-display-fibonacci-series-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-memaparkan-siri-fibonacci-dalam-c">Bagaimana Untuk Memaparkan Siri Fibonacci 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/F3/solved-windows-modules-installer-worker-windows-10-high-cpu-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/selesai-windows-modules-installer-worker-windows-10-cpu-tinggi">[Selesai] Windows Modules Installer Worker Windows 10 CPU Tinggi</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/26/lapis-lazuli-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lapis-lazuli-minecraft">Lapis Lazuli Minecraft</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/A4/clock-function-in-c-language-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/fungsi-jam-dalam-bahasa-c">Fungsi Jam() dalam Bahasa 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/FF/how-to-install-golang-go-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memasang-golang-go-pada-debian-12">Cara Memasang Golang (Go) 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/C2/how-to-disable-or-remove-onedrive-in-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-lumpuhkan-atau-alih-keluar-onedrive-dalam-windows-10-11">Bagaimana untuk Lumpuhkan atau Alih Keluar OneDrive dalam Windows 10/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/99/how-to-install-virtualbox-guest-addition-image-in-a-virtual-machine-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-memasang-imej-penambahan-tetamu-virtualbox-dalam-mesin-maya">Bagaimana untuk memasang Imej Penambahan Tetamu VirtualBox dalam Mesin Maya?</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/81/what-is-shebang-bash-script-header-on-first-line-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-itu-shebang-pengepala-skrip-bash-pada-baris-pertama">Apakah itu Shebang: Pengepala Skrip Bash pada Baris Pertama?</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/9A/how-to-use-java-enums-in-switch-statements-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-java-enums-dalam-pernyataan-suis">Cara Menggunakan Java Enums dalam Pernyataan Suis</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/4D/sql-server-right-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/fungsi-hak-pelayan-sql">Fungsi Hak Pelayan SQL</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/7C/how-to-install-rubygems-on-debian-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memasang-rubygems-pada-debian">Cara Memasang RubyGems pada Debian</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/4F/numpy-element-wise-division-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bahagian-bijak-elemen-numpy">Bahagian Bijak Elemen NumPy</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/F0/how-to-import-and-export-mysql-databases-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengimport-dan-mengeksport-pangkalan-data-mysql-dalam-linux">Cara Mengimport dan Mengeksport Pangkalan Data MySQL dalam 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/other/B7/fix-sound-icon-on-taskbar-not-working-issue-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/betulkan-isu-ikon-bunyi-pada-bar-tugas-tidak-berfungsi-dalam-windows-10">Betulkan Isu 'Ikon Bunyi pada Bar Tugas tidak berfungsi' dalam Windows 10</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/05/how-to-manage-roles-in-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengurus-peranan-dalam-discord">Cara Mengurus Peranan dalam 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/9B/javascript-this-explained-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-ini-diterangkan">JavaScript ini | Diterangkan</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/A2/sql-cumulative-sum-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jumlah-kumulatif-sql">Jumlah Kumulatif SQL</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/96/is-the-size-of-c-8220-8221-int-8221-8221-2-bytes-or-4-bytes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/adakah-saiz-c-int-2-bait-atau-4-bait">Adakah saiz C ''int'' 2 bait atau 4 bait?</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/7A/how-to-use-arsort-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-fungsi-arsort-dalam-php">Cara Menggunakan Fungsi arsort() 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> </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>