ada banyak method dalam mengolah tulisan dalam javascript, diantaranya merubah huruf besar dan huruf kecil tulisan atau string pada javascript, mengganti tulisan dengan tulisan yang baru dalam javascript, mendapatkan suatu kata dalam tulisan pada javascript dan lain sebagainya. dan kali ini kita akan mencoba mengolah tulisan dan kata dalam javascript, namun sebelum itu izinkan diri ini terlebih dahulu untuk mengucpakan
salam sobat semua
Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini sehingga diri ini bisa menulis dan berbagi dalam tulisan ini. dan tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk junjungan baginda sayyidina Muhammad Ibni Abdillah S.A.W. beserta keluarga dan para sahabatnya.
Bismillahir rohmaanir rohiim, kali ini kita akan mencoba bermain dan mengolah data string atau tulisan atau kata dalam javascript, yang mana terdapat banyak metode untuk mengolah data tulisan dalam javascript. dan kita akan coba yang saya pahami saja, karena tulisan ini juga sebagai penyimpan dan pengingat diri sendiri. adapun metode atau cara untuk mengolah tulisan dalam javascript yaitu kurang lebihnya sebagai berikut
- merubah huruf besar dalam suatu tulisan dengan javascript yaitu dengan fungsi toUpperCase() dan penulisannya kurang lebihnya sebagai berikut
var tulisan="kita cinta rosul";tulisan.toUpperCase();
dan untuk contoh kode lengkapnya adalah sebagai berikut
<script>
function upcas(){
var tulisan=document.getElementById("phtml").innerText;
document.getElementById("outhtml").innerHTML="<h1>"+tulisan.toUpperCase()+"</h1>";
}
</script>
<body onload="upcas()">
<p ><h1 id="phtml">Kita Cinta Rosul</h1></p>
<div id="outhtml"></div>
</body>
maka kode diatas menghasilkan suatu output sebagai berikut
- merubah huruf kecil dalam suatu tulisan dengan javascript yaitu dengan fungsi toLowerCase dan penulisannya kurang lebihnya sebagai berikut
var tulisan="KITA CINTA ROSUL";tulisan.toLowerCase();
dan untuk contoh kode lengkapnya adalah sebagai berikut
<script>
function lowcas(){
var tulisan=document.getElementById("phtml").innerText;
document.getElementById("outhtml").innerHTML="<h1>"+tulisan.toLowerCase()+"</h1>";
}
</script>
<body onload="lowcas()">
<p ><h1 id="phtml">Kita Cinta Rosul</h1></p>
<div id="outhtml"></div>
</body>
maka kode diatas menghasilkan suatu output sebagai berikut
- mengganti tulisan atau kata lama dengan tulisan atau kata baru dengan fungsi replace("kata yang mau diganti","kata pengganti") dan penulisannya kurang lebihnya seperti berikut
var tulisan="Aku Cinta Kamu";tulisan.replace("Kamu","Rosul");
dan untuk contoh kode lengkapnya adalah sebagai berikut
<script>
function ganti(){
var tulisan=document.getElementById("phtml").innerText;
document.getElementById("outhtml").innerHTML="<h1>"+tulisan.replace(tulisan,"Kita Cinta Rosul")+"</h1>";
document.getElementById("outhtml1").innerHTML="<h1>"+tulisan.replace("Kamu","Rosul")+"</h1>";
}
</script>
<body onload="ganti()">
<p ><h1 id="phtml">Aku Cinta Kamu</h1></p>
<div id="outhtml"></div>
<div id="outhtml1"></div>
</body>
maka kode diatas menghasilkan suatu output sebagai berikut
var tulisan="Kita Cinta Rosul";var pecah=tulisan.split(" ");pecah[index];
index adalah data nilai dari array yang di mulai dari angka 0.
dan untuk contoh kode lengkapnya adalah sebagai berikut
<script>
function pch(){
var tulisan=document.getElementById("phtml").innerText;
var pecah=tulisan.split(" ");
document.getElementById("outhtml").innerHTML="<h1>"+pecah[2]+"</h1>";
}
</script>
<body onload="pch()">
<p ><h1 id="phtml">Kita Cinta Rosul</h1></p>
<div id="outhtml"></div>
</body>
maka kode diatas menghasilkan suatu output sebagai berikut
- menghitung panjang suatu tulisan dengan fungsi length dan fungsi length ini menurut saya juga bisa menghitung bnyaknya data array dan juga banyaknya data form seperti pada tulisan sebelumnya . jadi fungsi length ini kalau menurut saya digunakan untuk menghitung banyaknya suatu data tertentu dan penulisannya adalah sebagai berikut
var tulisan="Kita Cinta Rosul";tulisan.length;
dan untuk contoh kode lengkapnya adalah sebagai berikut
<script>
function leng(){
var tulisan=document.getElementById("phtml").innerText;
document.getElementById("outhtml").innerHTML="<h1>Panjang tulisannya adalah "+tulisan.length+"</h1>";
}
</script>
<body onload="leng()">
<p ><h1 id="phtml">Kita Cinta Rosul</h1></p>
<div id="outhtml"></div>
</body>
maka kode diatas menghasilkan suatu output sebagai berikut
- mengambil data tulisan dengan penentu awal dari suatu tulisan yang dinamakan index dan dimulai dari nilai 0 dan penentu akhir dari suatu tulisan yang akan kita ambil datanya dengan fungsi substr("index awal","index akhir") atau bisa juga dengan fungsi slice("index awal","index akhir") dan untuk penulisannya adalah sebagai berikut
var tulisan="Kita Cinta Rosul";tulisan.substr(4,10);
dan untuk contoh kode lengkapnya adalah sebagai berikut
<script>
function klmt(){
var tulisan=document.getElementById("phtml").innerText;
document.getElementById("outhtml").innerHTML="<h1>Ambil data tulisannya adalah "+tulisan.substr(5,5)+"</h1>";
document.getElementById("outhtml1").innerHTML="<h1>Ambil data tulisannya adalah "+tulisan.substr(5,7)+"</h1>";
}
</script>
<body onload="klmt()">
<p ><h1 id="phtml">Kita Cinta Rosul</h1></p>
<div id="outhtml"></div>
<div id="outhtml1"></div>
</body>
maka kode diatas menghasilkan suatu output sebagai berikut
- menggabungkan tulisan dengan tulisan lain dengan fungsi concat("penggabung") dan untuk penulisannya adalah sebagai berikut
var tulisan="Aku Cinta Rosul";var gabung="Kita Cinta Rosul";tulisan.concat(gabung);
dan untuk contoh kode lengkapnya adalah sebagai berikut
<script>
function gbng(){
var tulisan=document.getElementById("phtml").innerText;
document.getElementById("outhtml").innerHTML="<h1>Gabung data tulisannya adalah "+tulisan.concat(" Kita Cinta Rosul")+"</h1>";
}
</script>
<body onload="gbng()">
<p ><h1 id="phtml">Kita Cinta Rosul</h1></p>
<div id="outhtml"></div>
</body>
maka kode diatas menghasilkan suatu output sebagai berikut
seperti itulah kurang lebihnya tentang cara manipulasi string atau tulisan dengan javascript, dan saya rasa cukup sekian dulu untuk tulisan tentang cara manipulasi string dengan javascript atau tentang cara merubah huruf besar dan kecil pada javascript atau tentang bagaiamana memahami fungsi LowerCase dan memahami fungsi UpperCase. dan kita akan lanjut di next tulisan Insya Allah. dan mudah-mudahan tulisan ini bisa memberi manfaat bagi kita semua, Aamiiin.
dan untuk kalian yang mau download contoh kode diatas bisa download disini
Salam sobat semua
#javascript #html #free #share #berbagi #gratis #web #website #websites #lowercase #uppercase #substring #concat #replace #split
Komentar
Posting Komentar