Di elemen html di mana kita meletakkan javascript?

Question

Penempatan JavaScript di HTML - Halo semuanya, pada kesempatan kali ini kita semua akan mempelajari dasar-dasar JavaScript, dan pada artikel ini kita semua akan mempelajari beberapa cara untuk menempatkan kode JavaScript di HTML

Table of Contents Show

JavaScript di bagian <head>. </head>_
JavaScript di bagian <body>. </body>
JavaScript dalam Bagian <body> dan <head>
JavaScript di File Eksternal
Di mana kode JavaScript ditempatkan?
Bagaimana cara menulis kode program JavaScript pada dokumen HTML?
Apa saja bagian dari HTML?
Apa yang dimaksud dengan skrip HTML?

Ada fleksibilitas yang diberikan untuk menyisipkan kode JavaScript di manapun dalam dokumen HTML. Tetapi cara yang paling direkomendasikan untuk memasukkan JavaScript ke dalam file HTML adalah sebagai berikut -

Skrip di bagian <head>. </head>_
Skrip di bagian <body>. </body>
Skrip di bagian <body>. </body> dan <head>. </head>_
Script dalam file eksternal dan kemudian sertakan di bagian <head>. </head>_

Di bagian berikut, kita akan melihat bagaimana kita dapat menempatkan JavaScript di file HTML dengan berbagai cara

JavaScript di bagian <head>. </head>_

Jika kita ingin skrip berjalan di beberapa acara, seperti saat pengguna mengklik di suatu tempat, maka Anda akan menempatkan skrip di antara kepala sebagai berikut -

<html>
   <head>      
      <script type = "text/javascript">
            function sayHello() {
               alert("Hello World")
            }
      </script>     
   </head>
   <body>
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>  
</html>

JavaScript di bagian <body>. </body>

Jika kita memerlukan skrip untuk dijalankan saat halaman dimuat sehingga skrip menghasilkan konten pada halaman, maka skrip masuk ke bagian <body> dari dokumen

Dalam hal ini, kami tidak akan memiliki fungsi yang ditentukan menggunakan JavaScript. Lihatlah kode berikut

<html>
   <head>
   </head>
   <body>
      <script type = "text/javascript">
            document.write("Hello World")
      </script>
      
      <p>This is web page body </p>
   </body>
</html>

_

JavaScript dalam Bagian <body> dan <head>

Kami juga dapat menempatkan kode JavaScript di bagian <head> dan <body> kira-kira sebagai berikut -

<html>
   <head>
      <script type = "text/javascript">
            function sayHello() {
               alert("Hello World")
            }
      </script>
   </head>
   
   <body>
      <script type = "text/javascript">
            document.write("Hello World")
      </script>
      
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>
</html>

JavaScript di File Eksternal

Saat kami mulai bekerja lebih ekstensif dengan JavaScript, kami akan cenderung menemukan bahwa ada beberapa kasus di mana kami menggunakan kembali kode JavaScript yang identik di beberapa halaman situs

Kami tidak dibatasi untuk mempertahankan kode identik di banyak file HTML. Tag Script menyediakan mekanisme untuk memungkinkan kita menyimpan JavaScript dalam file eksternal dan kemudian memasukkannya ke dalam file HTML

Berikut ini adalah contoh untuk menunjukkan bagaimana kami dapat menyertakan file JavaScript eksternal dalam kode HTML Anda menggunakan tag skrip dan atribut src-nya

<html>
   <head>
      <script type = "text/javascript" src = "filename.js" ></script>
   </head>
   
   <body>
      .......
   </body>
</html>

Untuk menggunakan JavaScript dari file sumber eksternal, kita perlu menulis semua kode sumber JavaScript dalam file teks sederhana dengan ekstensi

<html>
   <head>
      <script type = "text/javascript">
            function sayHello() {
               alert("Hello World")
            }
      </script>
   </head>
   
   <body>
      <script type = "text/javascript">
            document.write("Hello World")
      </script>
      
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>
</html>

4 dan kemudian menyertakan file seperti yang ditunjukkan di atas

Misalnya, kami dapat menyimpan konten berikut di file

<html>
   <head>
      <script type = "text/javascript">
            function sayHello() {
               alert("Hello World")
            }
      </script>
   </head>
   
   <body>
      <script type = "text/javascript">
            document.write("Hello World")
      </script>
      
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>
</html>

5 dan kemudian kami dapat menggunakan fungsi sayHello di file HTML Anda setelah menyertakan file

<html>
   <head>
      <script type = "text/javascript">
            function sayHello() {
               alert("Hello World")
            }
      </script>
   </head>
   
   <body>
      <script type = "text/javascript">
            document.write("Hello World")
      </script>
      
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>
</html>

5

Di mana kode JavaScript ditempatkan?

Kode Javascript disimpan dalam file dengan ekstensi '. js' . Kemudian file eksternal ini dapat dipanggil dari dokumen HTML dengan menggunakan atribut 'src' dari tag

Bagaimana cara menulis kode program JavaScript pada dokumen HTML?

Tag yang digunakan untuk memanggil JavaScript biasanya ditambahkan di antara tag di antara tag Kode pada di atas adalah contoh kode HTML yang tidak mengandung satu baris a> a> a> a> a> a> a> a> kode JavaScript . Untuk melihat contoh cara kerja JavaScript , tambahkan baris perintah berikut ke dalam kode di ke atas.

Apa saja bagian dari HTML?

Berikut daftar tag yang harus ada di HTML. .

<. DOCTYPE html> — untuk deklarasi tipe dokumen;

— tag utama dalam HTML;

— untuk bagian kepala dokumen;

— untuk judul web;</div> <div><body> — untuk bagian tubuh dokumen</div> </div> <h3 id="apa-yang-dimaksud-dengan-skrip-html">Apa yang dimaksud dengan skrip HTML?</h3> <div>HTML adalah singkatan dari Hypertext Markup Language, yaitu <span>bahasa markup standar untuk membuat dan mengatur halaman web dan aplikasi</span> . </div></p></td></tr></table> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video yang berhubungan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/PYQ7VU8gYvg?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="tags pt-3"> <a href="https://apacode.com/tags/kode" class="tag-link">kode</a> <a href="https://apacode.com/tags/javascript" class="tag-link">javascript</a> </div> <div class="post-tools"> <button data-postid="di-elemen-html-di-mana-kita-meletakkan-javascript" class="btn btn-answerModalBox"><img class="mr-1" alt="Di elemen html di mana kita meletakkan javascript?" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="di-elemen-html-di-mana-kita-meletakkan-javascript" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Di elemen html di mana kita meletakkan javascript?" src="/dist/images/svg/face-smile_16.svg">9</button> <button data-postid="di-elemen-html-di-mana-kita-meletakkan-javascript" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Di elemen html di mana kita meletakkan javascript?" src="/dist/images/svg/poo_16.svg">1</button> <button class="btn"><img class="mr-1" alt="Di elemen html di mana kita meletakkan javascript?" src="/dist/images/svg/facebook_16.svg">Membagikan</button> </div> </div> </div> </div> <div id="answers_di-elemen-html-di-mana-kita-meletakkan-javascript" class="answers"> </div> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Pos Terkait</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bagaimana-cara-melemparkan-int-di-mysql"><img src="https://ap.cdnki.com/r_bagaimana-cara-melemparkan-int-di-mysql---44ccc2af291a8ceb5001bda345ee76a8.webp" alt="Bagaimana cara melemparkan int di mysql?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-cara-melemparkan-int-di-mysql">Bagaimana cara melemparkan int di mysql?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-mengedit-file-excel-di-hp"><img src="https://ap.cdnki.com/r_cara-mengedit-file-excel-di-hp---6ec9341e5c97ad313df70528a3687bc9.webp" alt="Cara mengedit file excel di hp"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-mengedit-file-excel-di-hp">Cara mengedit file excel di hp</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bagaimana-cara-memanggil-halaman-php-dari-halaman-php-lain"><img src="https://ap.cdnki.com/r_bagaimana-cara-memanggil-halaman-php-dari-halaman-php-lain---d24d048a512541dd561a2c0adb19f65f.webp" alt="Bagaimana cara memanggil halaman php dari halaman php lain?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-cara-memanggil-halaman-php-dari-halaman-php-lain">Bagaimana cara memanggil halaman php dari halaman php lain?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-tiff-to-rgb-python"><img src="https://ap.cdnki.com/r_cara-menggunakan-tiff-to-rgb-python---c8143116d56476467c9888f16da2c2e3.webp" alt="Cara menggunakan tiff to rgb python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-tiff-to-rgb-python">Cara menggunakan tiff to rgb python</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-phpmyadmin-docker-php-ini"><img src="https://ap.cdnki.com/r_cara-menggunakan-phpmyadmin-docker-php-ini---7928b2cce3d5c709680dc5e80d5a1a6b.webp" alt="Cara menggunakan phpmyadmin docker php ini"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-phpmyadmin-docker-php-ini">Cara menggunakan phpmyadmin docker php ini</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/script-php-buku-tamu"><img src="https://ap.cdnki.com/r_script-php-buku-tamu---c9932cf0ae2853f1bb3ca4b3fef7cf9e.webp" alt="Script php buku tamu"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/script-php-buku-tamu">Script php buku tamu</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bagaimana-cara-menghubungkan-database-sql-ke-excel-vba"><img src="https://ap.cdnki.com/r_bagaimana-cara-menghubungkan-database-sql-ke-excel-vba---865709592b30cb31300e56a52ac06586.webp" alt="Bagaimana cara menghubungkan database sql ke excel vba?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-cara-menghubungkan-database-sql-ke-excel-vba">Bagaimana cara menghubungkan database sql ke excel vba?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-mamp-phpmyadmin"><img src="https://ap.cdnki.com/r_cara-menggunakan-mamp-phpmyadmin---e96fae0a57ff3ce186beb9811b4a4370.webp" alt="Cara menggunakan mamp phpmyadmin"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-mamp-phpmyadmin">Cara menggunakan mamp phpmyadmin</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-download-data-excel-perusahaan"><img src="https://ap.cdnki.com/r_cara-menggunakan-download-data-excel-perusahaan---c10902011230b836bdf14939586aaff1.webp" alt="Cara menggunakan download data excel perusahaan"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-download-data-excel-perusahaan">Cara menggunakan download data excel perusahaan</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-mysql-list-stored-procedure"><img src="https://ap.cdnki.com/r_cara-menggunakan-mysql-list-stored-procedure---4620e624aa30dd2ef15abf86e985c578.webp" alt="Cara menggunakan mysql list stored procedure"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-mysql-list-stored-procedure">Cara menggunakan mysql list stored procedure</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> </div> </div></div> <div class="footerRelated"></div> </div> </div> </div> </div> <div class="col-right"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">BERITA TERKINI</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-membuat-kotak-ajaib-dengan-python">Cara membuat kotak ajaib dengan python</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/VerticalAnkle" class="author">VerticalAnkle</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-menggunakan-perintah-php-fpm">Cara menggunakan perintah php-fpm</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/HelmetedCloseness" class="author">HelmetedCloseness</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-membuat-tas-dari-kain-satin">Cara membuat tas dari kain satin</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/HomesickClerk" class="author">HomesickClerk</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/tarik-data-dari-kamus-python-bersarang">Tarik data dari kamus python bersarang</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/SpecializedRegulator" class="author">SpecializedRegulator</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/sesi-php-berakhir-terlalu-cepat">Sesi php berakhir terlalu cepat</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/ArrestingPneumonia" class="author">ArrestingPneumonia</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-menghapus-aplikasi-yang-tidak-bisa-dihapus-di-hp-realme">Cara menghapus aplikasi yang tidak bisa dihapus di HP Realme</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/TemptingHousing" class="author">TemptingHousing</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-mengecek-rumus-di-google-sheets">Cara mengecek rumus di google sheets</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/SaturatedAppraisal" class="author">SaturatedAppraisal</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/how-to-install-php-gd-in-xampp">How to install PHP GD in xampp?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/BorrowedFoyer" class="author">BorrowedFoyer</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/concat-string-dalam-loop-php">Concat string dalam loop php</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/CardboardAllegation" class="author">CardboardAllegation</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/di-mana-prosedur-tersimpan-di-mysql">Di mana prosedur tersimpan di mysql?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/CounterproductiveLiterature" class="author">CounterproductiveLiterature</a> </small> </div> </div> </div> </div> </div> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">Toplist Popular</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-6-nilai-minimum-f-x-y-4x-2y-pada-d-16-e-14-2x-3y-18-4x-3y-24-x-0-y-0-adalah-a-40-b-36-c-2022">Top 10 6 nilai minimum f x y 4x 2y pada d 16 e 14 2x 3y 18 4x 3y 24 x 0 y 0 adalah a 40 b 36 c 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-dia-selalu-lupa-membawa-pensil-ke-sekolah-saran-yang-tepat-untuk-dia-adalah-2022">Top 10 dia selalu lupa membawa pensil ke sekolah saran yang tepat untuk dia adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-diketahui-sebuah-data-tunggal-2-4-6-7-7-8-9-10-berapakah-modusnya-2022">Top 10 diketahui sebuah data tunggal 2 4 6, 7 7, 8, 9, 10 berapakah modusnya 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-persamaan-kuadrat-yang-akar-akarnya-7-2-dan-5-adalah-2022">Top 10 persamaan kuadrat yang akar akarnya 7/ 2 dan -5 adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-jika-panjang-sisi-bangun-persegi-panjang-16-cm-dan-lebar-8-cm-maka-kelilingnya-adalah-2022">Top 10 jika panjang sisi bangun persegi panjang 16 cm dan lebar 8 cm maka kelilingnya adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-9-perhatikan-gambar-mata-berikut-nama-bagian-mata-yang-ditunjukkan-angka-i-dan-ii-adalah-2022">Top 9 perhatikan gambar mata berikut nama bagian mata yang ditunjukkan angka i dan ii adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-jelaskan-apa-yang-dimaksud-dengan-3-jenis-kemasan-2022">Top 10 jelaskan apa yang dimaksud dengan 3 jenis kemasan? 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-9-sebutkan-tiga-keadilan-yang-harus-terwujud-dalam-kehidupan-bermasyarakat-2022">Top 9 sebutkan tiga keadilan yang harus terwujud dalam kehidupan bermasyarakat 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-pada-getaran-harmonik-pegas-jika-massa-beban-yang-digantung-pada-ujung-bawah-pegas-100g-2022">Top 10 pada getaran harmonik pegas, jika massa beban yang digantung pada ujung bawah pegas 100g 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#10</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-permainan-bulu-tangkis-di-atas-meja-yang-dimainkan-oleh-dua-atau-empat-orang-2022">Top 10 permainan bulu tangkis di atas meja yang dimainkan oleh dua atau empat orang 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">Terpopuler</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> </div> </div> </div> <div class="ad-card fixedAds"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> </div> </div> </section>  <script>var questionId ='di-elemen-html-di-mana-kita-meletakkan-javascript'</script> <script>var postTime ='2023-02-04T10:49:43.075Z'</script> <script>var siteDomain ='apacode.com'</script> <script type="text/javascript" src="https://apacode.com/dist/js/pages/comment.js"></script>  <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Tentang Kami</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Hubungi Kami</a></li> <li><a href="/contact.html">Support</a></li> <li><a href="/contact.html">Careers</a></li> <li><a href="/contact.html">Periklanan</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Legal</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Privacy Policy</a></li> <li><a href="/terms-and-conditions.html">Terms of Services</a></li> <li><a href="/privacy-statement.html">Cookie Policy</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Dukungan</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Knowledge Base</a></li> <li><a href="/contact.html">Remove a post</a></li> <li><a href="/contact.html">Support</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Social</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div> </div> </div> </div> <div class="container networkLinks"> <a target='blank' href='https://apacode.com'>home</a><a target='blank' href='https://en.apacode.com'>en</a><a target='blank' href='https://de.apacode.com'>de</a><a target='blank' href='https://ja.apacode.com'>ja</a><a target='blank' href='https://ko.apacode.com'>ko</a><a target='blank' href='https://pt.apacode.com'>pt</a><a target='blank' href='https://zh.apacode.com'>zh</a><a target='blank' href='https://th.apacode.com'>th</a><a target='blank' href='https://it.apacode.com'>it</a><a target='blank' href='https://tr.apacode.com'>tr</a> </div> <hr class="border-top-gray my-3"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <img src ="/dist/images/dmca_protected_sml.png"/> </div> <div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Copyright © 2024 <a href="https://apacode.com"><span style="font-size:20px">apa<span style="color:#ff0000">code</span></span></a> Inc.</div> </div> </div> </div> </div> </section>    <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Go to top"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div>  <script src="https://apacode.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://apacode.com/dist/js/sweetalert2.js"></script> <script src="https://apacode.com/dist/js/moment.js"></script> <script src="https://apacode.com/dist/js/main.js?v=1"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWPK8P2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </body> </html>