Berikut adalah contoh penggunaan typeof dalam JavaScript dan bagaimana kita dapat mengaplikasikannya dengan HTML.
Contoh Penggunaan typeof dalam JavaScript
let name = "John";
let age = 25;
let isStudent = true;
console.log(typeof name); // Output: string
console.log(typeof age); // Output: number
console.log(typeof isStudent); // Output: booleanMengaplikasikan typeof dengan HTML
<!DOCTYPE html>
<html>
<head>
<title>Mengaplikasikan typeof dengan HTML</title>
<script>
function checkType() {
let input = document.getElementById("input").value;
let type = typeof input;
document.getElementById("result").innerHTML = "Tipe data: " + type;
}
</script>
</head>
<body>
<h1>Mengaplikasikan typeof dengan HTML</h1>
<label for="input">Masukkan nilai:</label>
<input type="text" id="input">
<button onclick="checkType()">Cek Tipe Data</button>
<p id="result"></p>
</body>
</html>
Output:
See the Pen Contoh Penggunaan typeof dalam JavaScript by WebbizID (@De-Orchids) on CodePen.
Dalam contoh di atas, kita menggunakan typeof untuk memeriksa tipe data dari variabel input. Ketika tombol “Cek Tipe Data” ditekan, fungsi checkType() akan dijalankan. Fungsi ini akan mengambil nilai dari elemen input dengan id “input”, menggunakan typeof untuk mendapatkan tipe data, dan menampilkan hasilnya di elemen dengan id “result”.
Dengan menggunakan typeof dalam JavaScript dan mengaplikasikannya dengan HTML, kita dapat dengan mudah memeriksa tipe data dari nilai yang dimasukkan oleh pengguna dalam halaman web kita.
Silakan mencoba contoh di atas dan lihat bagaimana typeof dapat membantu dalam memeriksa tipe data dalam JavaScript.
Leave a Reply