• Tentang Kami
  • Portofolio
  • Paket Web
  • Promosi
    • Hosting Terbaik Unlimited
  • Tutorial Website
  • GRATISAN
  • Lokasi
  • Artikel
Menu
  • Tentang Kami
  • Portofolio
  • Paket Web
  • Promosi
    • Hosting Terbaik Unlimited
  • Tutorial Website
  • GRATISAN
  • Lokasi
  • Artikel

10 Tips Javascript yang sering digunakan

Categoriestutorial website

Yudith Hentreisa

September 7, 2020

0 0

Share this post

10 Tips Javascript yang sering digunakan untuk pembuatan website. semoga bermanfaat ya. selamat belajar!

Tips Javascript yang sering digunakan
  1. Membuat sebuah object constructor
function Person(firstName, lastName){
    this.firstName =  firstName;
    this.lastName = lastName;        
}  

var Saad = new Person("Saad", "Mousliki");

2. Membuat angka atau objek secara random dari sebuah array

var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119];

var  randomItem = items[Math.floor(Math.random() * items.length)];

3. Membuat angka random dengan range / jarak tertentu

var x = Math.floor(Math.random() * (max - min + 1)) + min;

4. Membuat array dari angka 0 sampai angka tertentu secara otomatis

var numbersArray = [] , max = 100;

for( var i=1; numbersArray.push(i++) < max;);  // numbers = [1,2,3 ... 100] 

5. Membuat / generate karakter angka dan huruf secara acak

function generateRandomAlphaNum(len) {
    var rdmString = "";
    for( ; rdmString.length < len; rdmString  += Math.random().toString(36).substr(2));
    return  rdmString.substr(0, len);

}

6. Mengacak array secara random

var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];
numbers = numbers.sort(function(){ return Math.random() - 0.5});
/* the array numbers will be equal for example to [120, 5, 228, -215, 400, 458, -85411, 122205]  */

7. menghapus whitespace atau spasi

String.prototype.trim = function(){return this.replace(/^s+|s+$/g, "");}; 

8. Cara Menggabungkan isi beberapa array

var array1 = [12 , "foo" , {name "Joe"} , -2458];

var array2 = ["Doe" , 555 , 100];
Array.prototype.push.apply(array1, array2);
/* array1 will be equal to  [12 , "foo" , {name "Joe"} , -2458 , "Doe" , 555 , 100] */

9. Memverifikasi / validasi objek adalah angka

function isNumber(n){
    return !isNaN(parseFloat(n)) && isFinite(n);
}

10. Mencari angka minimal dan maksimal dalam suatu array

var  numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; 
var maxInNumbers = Math.max.apply(Math, numbers); 
var minInNumbers = Math.min.apply(Math, numbers);

Terimakasih sudah menbaca artikel 10 Tips Javascript yang sering digunakan. Sekian dulu tutorial tips menggunakan javascript ya, ini baru part 1 nanti akan ada tips2 selanjutnya. semoga bermanfaat.

sumber : https://modernweb.com/45-javascript-tips-tricks-practices/

Pengetahuan Dasar Website

Pengertian Javascript

Javascipt adalah bahasa pemrograman komputer yang dinamis. Pada umumnya Javascipt digunakan pada web browser untuk menciptakan halaman web yang menarik, interaktif serta merapkan berbagai fungsi pada halaman web. Javascript adalah salah satu pemrograman web yang harus kita pelajari selain HTML dan CSS.

Kegunaan JavaScript

Kegunaan utama JavaScript adalah untuk menuliskan fungsi yang disisipkan ke dalam HTML, baik disisipkan secara langsung maupun diletakan ke dalam file teks dan di link dari dokumen HTML. Secara fungsional, JavaScript dipakai untuk menyediakan akses script pada objek yang dibenamkan (embedded).

Contoh penggunaan JavaScript, yaitu merubah image kursor ketika melewati objek tertentu, fungsi validasi pada form sebelum data dikirimkan ke server, dan sebagainya.

Kelebihan dan Kekurangan Javascript

Berikut ini beberapa kelebihan Javascript:

  • Mudah Dipelajari

JavaScript adalah bahasa semi pemrograman yang merupakan gabungan antara bahasa pemrograman Java dengan HTML sehingga disebut bahasa hybrid.

  • Terbuka

Karena bersifat terbuka, maka JavaScript bisa dibuat maupun di baca oleh semua jenis komputer.

  • Ukuran File Kecil

Script dari JavaScript memiliki ukuran yang relatif kecil sehingga membuat web yang memiliki JavaScript ditampilkan di browser maka akses tampilannya akan lebih cepat.

  • Cepat

Hal tersebut dikarenakan diletakkan di dalam HTML dan langsung dicoba di web browser.

Berikut ini beberapa kekurangan Javascript:

  • Masalah Keamanan

Potongan JavaScript, setelah ditambahkan ke dalam halaman web mengeksekusi pada server klien dengan segera, karena itu juga dapat digunakan untuk mengeksploitasi sistem pengguna. Sementara pembatasan yang ditetapkan oleh standar web modern pada browser, kode yang berbahaya masih bisa dijalankan sesuai dengan batasan yang ditetapkan.

  • Kemampuan Terbatas

Walaupun JavaScript mampu membuat tampilan web menjadi interaktif dan dinamis namun JavaScript tidak mampu membuat program aplikasi sendiri seperti Java.

  • Keterbatasan Objek

JavaScript tidak dapat membuat kelas yang bisa menampung objek-objek tambahan seperti Java karena JavaScript sendiri sudah memiliki objek yang built-in pada struktur bahasanya.

Tags: belajar javascript, javascript pemula, tutorial javascript

Related Post

DESEMBER 12, 2025

Download Source Code Sistem...

Download Source Code Sistem Antrian PHP MySQL – Fitur Lengkap & Siap Pakai Ingin...

00

DESEMBER 10, 2025

Tutorial Sistem...

Tutorial Sistem Multi-Language PHP Tanpa Database – Fitur multi-language...

00

DESEMBER 9, 2025

Cara Membuat Maintenance Mode...

Cara Membuat Maintenance Mode di PHP – Maintenance mode adalah halaman khusus yang...

00

JUNI 8, 2025

Cara Membuat Website dengan...

Cara membuat website dengan HTML CSS dan JavaScript dari nol sangat cocok dipelajari oleh...

00

FEBRUARI 1, 2025

Membuat Peta Lokasi Sederhana...

Anda ingin Membuat Peta Lokasi Sederhana dengan PHP dan Leaflet JS? Saya akan menjelaskan...

00

NOVEMBER 20, 2024

Tutorial PHP dan MySQL...

Tutorial PHP dan MySQL Membuat Aplikasi CRUD – Ingin belajar membuat aplikasi CRUD...

00

Recent Posts

  • Cara Melindungi Data Pribadi Agar Tidak Masuk Database Mata Elang

    Cara Melindungi Data Pribadi Agar Tidak Masuk Database Mata Elang

    Desember 27, 2025
  • aplikasi matel

    Mengapa Aplikasi Penjual Data Pribadi Seperti Matel Bisa Lolos ke Play Store?

    Desember 27, 2025
  • Source Code AI Code Reviewer

    [DOWNLOAD] Source Code AI Code Reviewer: Bangun Tool Internal Perusahaan Berbasis Gemini API

    Desember 26, 2025
  • 10 Software Gratis Pengganti Aplikasi Berbayar

    10 Software Gratis Pengganti Aplikasi Berbayar di 2026 (Update Desember 2025)

    Desember 24, 2025
  • Download Pinokyo Browser

    Download Pinokyo Browser

    Desember 22, 2025
COPYRIGHT © 2025 | CREATED BY YUDITH / SUNDAKREATIF.COM