Di elemen html mana kita meletakkan javascript?

Yasin K adalah Penulis Konten Teknis untuk Blog Niagahoster. Kata lain adalah hal-hal tidak penting yang tidak perlu Anda ketahui. Biarkan konten berbicara sendiri. )

Beranda » Pengembangan & Desain Web » Pemrograman Dasar » Cara Membuat JavaScript di HTML Sederhana

Cara Membuat JavaScript di HTML Sederhana

1 Maret 2021 3 mnt dibaca

Di elemen html mana kita meletakkan javascript?

Di situs web, JavaScript biasanya digunakan untuk menghubungkan antara skrip HTML dan CSS. Nah, pada panduan kali ini kita akan mencoba membahas cara membuat JavaScript di HTML menggunakan beberapa cara sederhana yang mudah dipahami

Namun sebelumnya kita akan membahas sedikit tentang apa itu JavaScript dan kelebihannya. Yuk, baca selengkapnya.

Daftar Isi

Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang banyak digunakan dalam pengembangan situs web. Salah satu kegunaannya adalah untuk membuat website interaktif. Bahasa ini juga dapat membantu HTML dalam proses manajemen file

Baca Juga. Apa itu Bereaksi Asli?

Saat bekerja dengan file di situs web, JavaScript harus dimuat dan dijalankan dengan markup HTML. Ada beberapa cara yang bisa dilakukan yaitu menggunakan teknik inline atau file terpisah yang ketika diakses oleh browser akan mendownload terlebih dahulu di file yang berbeda

Konten interaktif yang dihasilkan dari kombinasi HTML dan JavaScript menjadikan tampilan lebih menarik. Dalam penerapannya, konten interaktif dapat membuat pengguna tidak hanya mengaksesnya, tetapi juga berinteraksi dengan website tersebut

Itu sebabnya saat ini semakin banyak orang yang ingin belajar JavaScript

Selain dapat dipadukan dengan bahasa pemrograman HTML untuk menghasilkan website yang interaktif, apa saja keunggulan dari JavaScript?

Baca juga. Perbedaan antara Java dan JavaScript

Keuntungan JavaScript

Ada beberapa keunggulan JavaScript yang perlu Anda ketahui

  1. Meringankan Beban Server . JavaScript menggunakan sistem sisi klien. Client-side Scripting adalah bahasa pemrograman web yang pemrosesan datanya dilakukan oleh komputer pengguna/pengunjung. Alhasil, penggunaan resource di server akan lebih ringan.
  2. Prosedur . JavaScript dapat mencakup semua kemampuan bahasa prosedural, seperti pembulatan, pemeriksaan kondisi, perulangan, dan beberapa kemampuan yang dapat dijalankan di halaman web.
  3. Multi Platform . JavaScript dapat berjalan di berbagai platform, membuatnya mudah untuk diintegrasikan dan dimodifikasi.
  4. Mudah Dipelajari . JavaScript mudah dipelajari karena sintaks yang digunakan mirip dengan bahasa Inggris. Bahasa pemrograman ini menggunakan Document Object Model (DOM JavaScript) yang menyediakan banyak fungsi pada berbagai objek sehingga mudah untuk dikembangkan.
  5. Mudah di-Debug dan Diuji . Kemudahan membaca sintaks JavaScript membuat proses debug dan pengujian mudah dilakukan. Ketika terjadi kesalahan, pesan masalah akan muncul.
  6. Tidak Perlu Kompilasi . JavaScript tidak membutuhkan proses kompilasi sehingga tidak membutuhkan compiler. Saat dibaca selama pengembangan situs web, bahasa pemrograman ini dikenal sebagai tag HTML.

Agar lebih mudah memahami bagaimana JavaScript dan HTML bekerja sama, berikut adalah cara membuat JavaScript di HTML

Baca juga. Kerangka JavaScript

Cara Membuat JavaScript di HTML

Ada dua kemungkinan cara untuk membuat JavaScript dalam HTML;

Cara Membuat JavaScript Langsung di HTML

Penambahan kode JavaScript langsung di dalam skrip HTML biasanya dimasukkan ke dalam tag . Hal ini bertujuan untuk memberikan sinyal bahwa kode yang ada di dalamnya adalah kode JavaScript. Tag yang digunakan untuk memanggil JavaScript biasanya ditambahkan di antara tag atau di antara tag .

indeks. html

<. DOCTYPE html>

 

Penghosting Bisnis

Kode di atas adalah contoh kode HTML yang belum memuat sebaris kode JavaScript. Untuk melihat contoh cara kerja JavaScript, tambahkan baris perintah berikut ke kode di atas

var txt1 = “Penghosting Bisnis “;

 

txt1 += “Cara Membuat JavaScript di HTML – Niagahoster”;

waspada(txt1)

Baris kode di atas digunakan untuk menampilkan kotak dialog yang berisi teks "txt1" pada halaman browser

Agar HTML dapat membaca script JavaScript, maka langkah yang perlu dilakukan adalah dengan menambahkan kode di atas ke dalam tag

Anda juga dapat menyesuaikan sesuai kreativitas Anda. Kurang lebih hasil script sdi atas akan muncul tampilan seperti ini.

Di elemen html mana kita meletakkan javascript?
Ket. Hasil JavaScript sebaris dengan HTML

Struktur skrip seperti di atas jarang digunakan karena terkadang baris JavaScript digunakan berulang kali di beberapa file. Di bawah ini adalah contoh cara membuat JavaScript dalam HTML menggunakan file terpisah

Baca Juga. Cara Menyisipkan Gambar di HTML

Cara Membuat JavaScript dan CSS dengan File Terpisah di HTML

Agar lebih mudah memahami cara membuat JavaScript di HTML dengan file terpisah, kita akan membuat folder untuk menyimpan file JavaScript terlebih dahulu. Strukturnya akan menjadi “root/js/script. js". Di naskah. js akan diisi dengan skrip JavaScript

Baca juga. 19 Editor HTML Terbaik yang Dapat Anda Coba

indeks. html

 

Penghosting Bisnis

Saat berada di file skrip. konten skrip js seperti di bawah ini

skrip. js

var txt1 = “Penghosting Bisnis “;

 

txt1 += “Cara Membuat JavaScript di HTML – Niagahoster”;

document.body.innerHTML = “

” + txt1 + “

Pada tabel di atas, index. html akan memanggil file “. /js/skrip. js” untuk mengambil beberapa skripnya. Ini akan terlihat lebih atau kurang seperti ini

Di elemen html mana kita meletakkan javascript?
Ket. Hasil JavaScript Dengan File Terpisah

Baca juga. JSON Adalah

Keuntungan Membuat File JavaScript Terpisah

  • Perawatan yang mudah dilakukan. Sistem yang menggunakan kode program JavaScript terpisah lebih mudah dipelihara. Hal ini dikarenakan developer cukup mencari file yang ingin diubah atau dimodifikasi jika ada perubahan atau masalah
  • Lebih Mudah Dibaca. File JavaScript yang terpisah memudahkan pengembang untuk membaca sintaks dari satu file yang berisi campuran bahasa pemrograman
  • Mempercepat Pemuatan Halaman. Pemuatan halaman akan lebih cepat, karena beberapa sistem menerapkan cache ke sistem. Jadi setelah file JavaScript di-cache, itu dapat meningkatkan kecepatan memuat halaman

Baca juga. jQuery Apakah

Kesimpulan

Itulah cara membuat JavaScript di HTML dengan contoh sederhana. Anda dapat mengembangkan sesuai dengan kreativitas Anda. Ini tidak hanya memfasilitasi pengembangan situs web, tetapi juga memaksimalkan kinerja situs web

Anda juga dapat mengembangkan situs web JavaScript menggunakan beberapa panduan di bawah ini

  • JavaScript dan CSS khusus di WordPress
  • Cara Membuat Situs Web
  • Javascript AJAX
  • Membuat Penghitung Waktu Mundur dengan JavaScript

Membagikan

Yasin K Ikuti Yasin K adalah Penulis Konten Teknis untuk Blog Niagahoster. Kata lain adalah hal-hal tidak penting yang tidak perlu Anda ketahui. Biarkan konten berbicara sendiri. )

Berlangganan sekarang

Dapatkan berbagai artikel tutorial, insight dan tips menarik seputar dunia online langsung melalui email Anda. Berlangganan sekarang dan raih kesuksesan bersama kami

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> kode JavaScript . Untuk melihat contoh cara kerja JavaScript , tambahkan baris perintah berikut ke dalam kode di ke atas.

Apa yang dimaksud dengan skrip HTML?

HTML (HyperText Markup Language) adalah bahasa yang menggunakan tanda (tag) tertentu untuk mengekspresikan kode-kode yang harus ditafsirkan oleh browser agar halaman dapat ditampilkan dengan benar.

Tag apa yang ada di 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-itu-javascript-dan-apa-fungsinya">Apa itu JavaScript dan apa fungsinya?</h3> <div>JavaScript adalah <span>skrip pemrograman ringan yang umumnya digunakan oleh developer web untuk membuat interaksi yang lebih dinamis saat membuat halaman web, aplikasi, server, atau game</span> . Pengembang web umumnya menggunakan JavaScript bersama dengan HTML dan CSS karena ketiganya dapat bekerja sama tanpa masalah. </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/hhduokX33IA?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://ketajaman.com/tags/kode" class="tag-link">kode</a> <a href="https://ketajaman.com/tags/javascript" class="tag-link">javascript</a> </div> <div class="post-tools"> <button data-postid="di-elemen-html-mana-kita-meletakkan-javascript" class="btn btn-answerModalBox"><img class="mr-1" alt="Di elemen html mana kita meletakkan javascript?" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="di-elemen-html-mana-kita-meletakkan-javascript" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Di elemen html mana kita meletakkan javascript?" src="/dist/images/svg/face-smile_16.svg">8</button> <button data-postid="di-elemen-html-mana-kita-meletakkan-javascript" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Di elemen html mana kita meletakkan javascript?" src="/dist/images/svg/poo_16.svg">1</button> <button class="btn"><img class="mr-1" alt="Di elemen html mana kita meletakkan javascript?" src="/dist/images/svg/facebook_16.svg">Membagikan</button> </div> </div><!-- end question-post-body --> </div><!-- end question-post-body-wrap --> </div><!-- end question --> <div id="answers_di-elemen-html-mana-kita-meletakkan-javascript" class="answers"> </div><!-- end answer-wrap --> <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-4987931798153631" data-ad-slot="6695343318"></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-4987931798153631" data-ad-slot="6695343318"></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="/cara-menjumlahkan-otomatis-di-spreadsheet"><img src="https://ap.cdnki.com/r_cara-menjumlahkan-otomatis-di-spreadsheet---8c6067e0940b9cc54bc71c2e4219cd69.webp" alt="Cara menjumlahkan otomatis di spreadsheet"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menjumlahkan-otomatis-di-spreadsheet">Cara menjumlahkan otomatis di spreadsheet</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><!-- end media --> <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="/cookie-phpsessid-dibuat-tanpa-bendera-aman"><img src="https://ap.cdnki.com/r_cookie-phpsessid-dibuat-tanpa-bendera-aman---92626055e9bf264761945dbdd7fd11ca.webp" alt="Cookie phpsessid dibuat tanpa bendera aman"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cookie-phpsessid-dibuat-tanpa-bendera-aman">Cookie phpsessid dibuat tanpa bendera aman</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><!-- end media --> <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="/apakah-mysql-tersedia-untuk-32"><img src="https://ap.cdnki.com/r_apakah-mysql-tersedia-untuk-32---03dfb17551ea635ea81a160fc918f916.webp" alt="Apakah mysql tersedia untuk 32"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/apakah-mysql-tersedia-untuk-32">Apakah mysql tersedia untuk 32</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><!-- end media --> <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-anda-mengubah-biner-menjadi-angka-dengan-python"><img src="https://ap.cdnki.com/r_bagaimana-anda-mengubah-biner-menjadi-angka-dengan-python---56faddc87506deab52debbe69d749f40.webp" alt="Bagaimana Anda mengubah biner menjadi angka dengan python?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-anda-mengubah-biner-menjadi-angka-dengan-python">Bagaimana Anda mengubah biner menjadi angka dengan 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><!-- end media --> <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-menambahkan-baris-secara-otomatis-di-lembar-google"><img src="https://ap.cdnki.com/r_bagaimana-cara-menambahkan-baris-secara-otomatis-di-lembar-google---ea3468c8ca5f93e7e9f27a5e1df75bb2.webp" alt="Bagaimana cara menambahkan baris secara otomatis di lembar google?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-cara-menambahkan-baris-secara-otomatis-di-lembar-google">Bagaimana cara menambahkan baris secara otomatis di lembar google?</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><!-- end media --> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318"></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="/html-elemen-induk-dan-anak"><img src="https://ap.cdnki.com/r_html-elemen-induk-dan-anak---66c0975023b940fe03e97636508590e4.webp" alt="Html elemen induk dan anak"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/html-elemen-induk-dan-anak">Html elemen induk dan anak</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><!-- end media --> <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-set-cookie-jalur-php"><img src="https://ap.cdnki.com/r_cara-menggunakan-set-cookie-jalur-php---b7d579e97888b046d2675247d711ab99.webp" alt="Cara menggunakan set cookie jalur php"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-set-cookie-jalur-php">Cara menggunakan set cookie jalur php</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><!-- end media --> <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="/menghubungkan-netbeans-dengan-mysql"><img src="https://ap.cdnki.com/r_menghubungkan-netbeans-dengan-mysql---4f814fd8e14172d4a90d619b74ef0e74.webp" alt="Menghubungkan netbeans dengan mysql"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/menghubungkan-netbeans-dengan-mysql">Menghubungkan netbeans dengan 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><!-- end media --> <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-gaussian-pdf-python"><img src="https://ap.cdnki.com/r_cara-menggunakan-gaussian-pdf-python---7732a2bd93069cf2fab9b2586e543e62.webp" alt="Cara menggunakan gaussian pdf python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-gaussian-pdf-python">Cara menggunakan gaussian pdf 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><!-- end media --> <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="/haruskah-saya-mempelajari-r-dan-python-untuk-ilmu-data"><img src="https://ap.cdnki.com/r_haruskah-saya-mempelajari-r-dan-python-untuk-ilmu-data---e9259ae8b2bec0c9ded20a5458028dc0.webp" alt="Haruskah saya mempelajari r dan python untuk ilmu data?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/haruskah-saya-mempelajari-r-dan-python-untuk-ilmu-data">Haruskah saya mempelajari r dan python untuk ilmu data?</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><!-- end media --> </div> </div></div> <div class="footerRelated"></div> </div> </div> </div><!-- end question-main-bar --> </div><!-- end col-lg-9 --> <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-4987931798153631" data-ad-slot="6695343318" 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://ketajaman.com/cara-menggunakan-mysql-timestamp-from-string">Cara menggunakan mysql timestamp from string</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/ShavenBrainstorming" class="author">ShavenBrainstorming</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/langkah-langkah-membuat-web-menggunakan-html-dan-css">Langkah langkah membuat web menggunakan HTML dan CSS?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/OverheatedCabbage" class="author">OverheatedCabbage</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/bagaimana-cara-mengonversi-file-txt-ke-google-sheets">Bagaimana cara mengonversi file txt ke google sheets?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/DeprivedAppeasement" class="author">DeprivedAppeasement</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/bagaimana-anda-mengganti-huruf-tertentu-dengan-python">Bagaimana Anda mengganti huruf tertentu dengan python?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/FunctioningApartheid" class="author">FunctioningApartheid</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/apa-upaya-kita-untuk-mengatasi-krisis-air-bersih">Apa upaya kita untuk mengatasi krisis air bersih?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/BeardedAnnoyance" class="author">BeardedAnnoyance</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/bagaimana-cara-membekukan-area-yang-dipilih-di-excel">Bagaimana cara membekukan area yang dipilih di excel?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/CrackingMolasses" class="author">CrackingMolasses</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/bagaimana-anda-mengonversi-bilangan-bulat-negatif-menjadi-byte-dengan-python">Bagaimana Anda mengonversi bilangan bulat negatif menjadi byte dengan python?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/Wage-priceAccomplice" class="author">Wage-priceAccomplice</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/apakah-infeksi-bakteri-pada-miss-v-bisa-sembuh-sendiri">Apakah infeksi bakteri pada Miss V bisa sembuh sendiri?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/FrayedDaddy" class="author">FrayedDaddy</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/database-mana-yang-digunakan-di-phpmyadmin">Database mana yang digunakan di phpmyadmin?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/ParamountCounselor" class="author">ParamountCounselor</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/cara-menggunakan-semua-jenis-acara-javascript">Cara menggunakan semua jenis acara javascript</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/CondemnedMirth" class="author">CondemnedMirth</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <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://ketajaman.com/toplist-top-7-unterschied-griechischer-joghurt-und-joghurt-griechischer-art-2022">Top 7 unterschied griechischer joghurt und joghurt griechischer art 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-9-ibc-container-600-liter-gebraucht-2022">Top 9 ibc container 600 liter gebraucht 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-7-excel-hintergrundfarbe-auslesen-ohne-vba-2022">Top 7 excel hintergrundfarbe auslesen ohne vba 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-6-dji-mavic-air-2-wann-welcher-filter-2022">Top 6 dji mavic air 2 wann welcher filter 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-7-rosen-schwarze-flecken-am-stiel-2022">Top 7 rosen schwarze flecken am stiel 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-8-wann-wird-es-wieder-spater-dunkel-2022-2022">Top 8 wann wird es wieder später dunkel 2022 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-6-em-nome-do-pai-em-nome-do-filho-2022">Top 6 em nome do pai em nome do filho 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-8-zdf-neben-der-spur-erlose-mich-2022">Top 8 zdf neben der spur -- erlöse mich 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-8-como-melhorar-dor-no-calcanhar-2022">Top 8 como melhorar dor no calcanhar 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#10</div> <div class="media-body"> <h5><a href="https://ketajaman.com/toplist-top-7-vinho-e-bom-para-pressao-alta-2022">Top 7 vinho é bom para pressão alta 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <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-4987931798153631" data-ad-slot="6695343318" 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><!-- end sidebar-questions --> </div> </div><!-- end card --> <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-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div><!-- end sidebar --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end question-area --> <!-- ================================ END QUESTION AREA ================================= --> <script>var questionId ='di-elemen-html-mana-kita-meletakkan-javascript'</script> <script>var postTime ='2023-01-28T17:53:23.445Z'</script> <script>var siteDomain ='ketajaman.com'</script> <script type="text/javascript" src="https://ketajaman.com/dist/js/pages/comment.js"></script> <!-- ================================ END FOOTER AREA ================================= --> <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><!-- end footer-item --> </div><!-- end col-lg-3 --> <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><!-- end footer-item --> </div><!-- end col-lg-3 --> <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><!-- end footer-item --> </div><!-- end col-lg-3 --> <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><!-- end footer-item --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> <div class="container networkLinks"> <a target='blank' href='https://ketajaman.com'>home</a><a target='blank' href='https://en.ketajaman.com'>en</a><a target='blank' href='https://de.ketajaman.com'>de</a><a target='blank' href='https://ja.ketajaman.com'>ja</a><a target='blank' href='https://hi.ketajaman.com'>hi</a><a target='blank' href='https://ko.ketajaman.com'>ko</a><a target='blank' href='https://pt.ketajaman.com'>pt</a><a target='blank' href='https://zh.ketajaman.com'>zh</a><a target='blank' href='https://th.ketajaman.com'>th</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> <!-- end col-lg-6 --><div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Copyright © 2024 <a href="https://ketajaman.com"><span style="color:#f00">keta</span>jaman</a> Inc.</div> </div> </div><!-- end col-lg-6 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end footer-area --> <!-- ================================ END FOOTER AREA ================================= --> <!-- template js files --> <!-- start back to top --> <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> <!-- end back to top --> <script src="https://ketajaman.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://ketajaman.com/dist/js/sweetalert2.js"></script> <script src="https://ketajaman.com/dist/js/moment.js"></script> <script src="https://ketajaman.com/dist/js/main.js?v=1"></script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4WVHTJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>