Cara Mengetahui Jumlah Core CPU Di Javascript

Di javascript kita bisa melakukan untuk mengetahui informasi sebuah device tertentu. Karena pada sebuah website memiliki sebuah web API yang mana untuk kita gunakan kedepan nya. Kita bisa mengetahui jumlah core CPU pada device kita ini menggunakan bahasa pemrograman javascript. Jadi penulis akan menggunakan salah satu fungsi yang tersedia pada javascript ini. Apa itu fungsi nya?

NAVIGATOR HARDWARE CONCURRENCY

Fungsi bernama navigator hardware concurrency memungkinkan kita bisa mengetahui jumlah core CPU yang tersedia pada device kita masing masing. Kita tahu jika kita mempunyai 4 core CPU maka bisa di sebut quad core dan misalkan lagi kita mempunyai 8 core maka bisa di sebut juga eight core. Jika kamu orang yang suka mengoprek sistem HP atau laptop, kamu pasti tahu arti kata tersebut. Namun, kita hanya memfokuskan jumlah nya yang tersedia pada device kita ini.

Dan terakhir pada navigator hardware concurrency ini akan mengembalikan jumlah prosesor yang tersedia untuk menjalankan thread di komputer kita ini. Penulis menggunakan fungsi ini untuk tes aplikasi yang sedang di kembangkan di mana aplikasi tersebut membutuhkan informasi sebuah device tertentu. Nah, jadi mari kita mulai tutorial nya!

Tutorial

  1. Pertama buat folder dengan nama core-js untuk mempermudah tutorial kita ini.
  2. Lalu buka teks editor kamu, bisa notepad++ atau lainnya.
  3. Langkah selanjutnya , tentu saja kita harus membuat file html nya dengan nama index.html agar kita bisa menampilkan hasilnya di halaman HTML dan simpan pada folder core-js nya.
  4. Kode HTML nya kamu bisa lihat di bawah ini :
    5. <html>
 <head>
  <title>Jumlah Core CPU Di Javascript</title>
 </head>
<body>
 <h3>Jumlah CPU core pada device kamu : <div class="cores"></div></h3>
<script src="script.js"></script>
</body>
</html>

    Kode di atas sederhana saja kita membuat sebuah struktur HTML, lalu membuat tag heading dan terakhir membuat div di isi class bernama cores untuk menampilkan hasil nya menggunakan javascript. Terakhir kita memanggil script javascript nya pada tag script.

  5. Nah untuk script javascript nya kamu harus buat file javascript dengan nama script.js dan sama juga simpan pada folder core-js.
  6. Kode javascript bisa lihat di bawah ini :
    7. let cores = [];
let tampilkanCoresCPU = document.querySelector('.cores');
for (let i = 0; i < window.navigator.hardwareConcurrency; i++) {
  cores.push(i);
  tampilkanCoresCPU.innerHTML = cores.length
}

    Kita bedah satu satu pada kode nya. Pada variabel cores kita menginisialisasi untuk menampung data array. Kenapa array? karena hasil tersebut akan berbentuk array. Nah, pada variabel tampilkanCoresCPU kita panggil div class tadi yang telah di isi dengan nama cores.

    Pada kode ini :

    for (let i = 0; i < window.navigator.hardwareConcurrency; i++)

    Kita akan melakukan perulangan pada data array tersebut, sebab pada fungsi navigator hardware concurrency tersebut dia akan melakukan looping pada core CPU device kita ini.

    Nah terakhir pada kode ini :

    cores.push(i); 
tampilkanCoresCPU.innerHTML = cores.length

    Pada cores.push(i) ini akan menambahkan data array. Lalu kita jumlahkan hasil nya menggunakan cores.length. Kenapa kita harus menggunakan length? karena gini, ketika di tampilkan maka akan menampilkan angka array seperti 0,1,2,3 di mana array itu kan di mulai dari nol.

    Nah dengan menggunakan length, katakanlah kamu mempunyai core CPU 4, ya kita tampilkan hasil nya berupa angka 4 bukan 0,1,2,3 dan terakhir menampilkan hasilnya di HTML pada tampilkanCoresCPU.innerHTML nya.

  7. Bagaimana dengan hasil nya? ketika di buka file index.html nya pada folder core-js maka kamu bisa lihat hasil nya di bawah ini :
  8. Di atas penulis menggunakan notebook asus dan memiliki core CPU 2. Sebagai bukti kamu bisa lihat gambar di bawah ini :
  9. Selesai.

PENUTUP

Dengan tutorial ini kamu bisa mengetahui fungsi navigator hardware concurrency pada javascript untuk berkomunikasi dengan perangkat keras. Semoga bermanfaat!