Home Posts filed under javacript
Tampilkan postingan dengan label javacript. Tampilkan semua postingan
Tampilkan postingan dengan label javacript. Tampilkan semua postingan

Senin, 14 November 2016

Mengubah Inputan Form Kapital

Pada tutorial kali ini saya akan membagikan sedikit script untuk membuat input pada sebuah form menjadi huruf kapital disetiap awal kalimat. Memang sedikit merepotkan ketika kita menginputkan sebuah kalimat yang mengharuskan disetiap awal kalimatnya harus kapital, misalnya kolom inputan nama, alamat dll.
berikut contoh kode yang bisa digunakan untuk membuat inputan menjadi kapital disetiap awal kalimat.

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    var x = document.getElementById("fname");
     x.value = x.value.toLowerCase().replace(/b[a-z]/g, function(letter) {
    return letter.toUpperCase();
  });
}
</script>
</head>
<body>

<p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p>
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

</body>
</html>
Maka hasilnya adalah seperti gambar dibawah ini, ketika meninputkan data, otomatis akan membuat awal kalimat menjadi huruf kapital.

 
Demikian tutorial kali ini, semoga sedikit ilmu tersebut dapat membantu. 
Read more

Senin, 29 Agustus 2016

Tutorial Javascript Dasar PART I


Javascript adalah bagian bahasa pemrograman HTML dan Web yang sering digunakan oleh para programer untuk membuat sebuah website yang lebih atraktif, dan javascript sangat mudah untuk dipelajari.

Pada postingan kali ini, akan dijelaskan mengenai dasar dari pemrograman javascript. Sebelum mempelajari bahasa pemrograman javascript lebih baik untuk mempelajari bahasa pemrograman HTML dan CSS terlebih dahulu agar lebih cepat memahaminya.

Javascript merupakan satu dari tiga bahasa pemrigraman web yang harus dipelajari
1. HTML untuk mendefinisikan isi dari suatu halaman web.
2. CSS untuk mengelompokkan layout suatu halaman web.
3. Javascript untuk mengatur alur suatu halaman web.

Sebagai contoh, kode javascript berikut akan menganti isi sebuah halaman HTML.
<!DOCTYPE html>
<html>
<body>

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript dapat mengganti isi HTML.</p>

<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">Click Me!</button>

</body>
</html>
Copykan kode diatas, ditext editor yang dipakai, jika tidak ada masalah akan muncul tampilan seperti gambar dibawah ini.



Jika tombol tersebut ditekan, maka text yang diapit oleh tag <p>....</p> akan berubah.



Penjelasannnya :
Pada baris kode pada tag button diatas disisipi kode javascript untuk mengganti isi tag dengan id=demo untuk menggantinya dengan isi kalimat "Hello Javascript".
Read more
Langganan: Postingan (Atom)