Di JavaScript, kita dapat mengkonversi tipe data dari satu jenis ke jenis lainnya. Hal ini berguna ketika kita perlu mengubah tipe data untuk melakukan operasi tertentu atau memformat data yang diinput oleh pengguna.
Berikut adalah beberapa metode konversi tipe data yang umum digunakan di JavaScript
1. Konversi ke String
let angka = 123;
let angkaString = String(angka);2. Konversi ke Number
let angkaString = "123";
let angka = Number(angkaString);3. Konversi ke Boolean
let nilai = 0;
let booleanNilai = Boolean(nilai);Implementasi dengan HTML
Ketika kita ingin menampilkan hasil konversi tipe data di halaman web, kita dapat menggunakan HTML untuk menampilkan data tersebut.
Berikut adalah contoh implementasi konversi tipe data di JavaScript dengan HTML:
<!DOCTYPE html>
<html>
<head>
<title>Konversi Tipe Data</title>
</head>
<body>
<h1>Konversi Tipe Data</h1>
<script>
let angka = 123;
let angkaString = String(angka);
document.write("<p>Tipe data angka: " + typeof angka + "</p>");
document.write("<p>Tipe data angka setelah dikonversi ke string: " + typeof angkaString + "</p>");
let angkaString2 = "123";
let angka2 = Number(angkaString2);
document.write("<p>Tipe data angkaString2: " + typeof angkaString2 + "</p>");
document.write("<p>Tipe data angka2 setelah dikonversi ke number: " + typeof angka2 + "</p>");
let nilai = 0;
let booleanNilai = Boolean(nilai);
document.write("<p>Tipe data nilai: " + typeof nilai + "</p>");
document.write("<p>Tipe data booleanNilai setelah dikonversi ke boolean: " + typeof booleanNilai + "</p>");
</script>
</body>
</html>Output:
See the Pen Konversi Tipe Data di JavaScript by WebbizID (@De-Orchids) on CodePen.
Dalam contoh di atas, kita menggunakan tag <script> di dalam tag <body> untuk menuliskan kode JavaScript. Hasil konversi tipe data ditampilkan menggunakan tag <p> dengan bantuan metode document.write().
Dengan menggunakan HTML, kita dapat dengan mudah menampilkan hasil konversi tipe data di halaman web.
Kesimpulan
Konversi tipe data pada JavaScript memungkinkan kita untuk mengubah tipe data dari satu jenis ke jenis lainnya. Dalam implementasinya dengan HTML, kita dapat menampilkan hasil konversi tipe data di halaman web.
Leave a Reply