Cara menggunakan WORFS pada JavaScript

Regular Expression(Regex) adalah pola yang digunakan sebagai kriteria untuk mendapatkan kombinasi karakter pada suatu string.

Show

Syntax

pattern = pola yang digunakan

flag = tambahan kriteria

Penggunaan

Contoh menggunakan regex pada str.replace():

1let word = 'Hello Brachio';

2let regexPattern = /Brachio/i;

3

4let newWord = word.replace(regexPattern, 't-rex');

5

6console.log(newWord);

Pada code di atas kita mencari kata Brachio dengan menggunakan pola regex /Brachio/i yang kemudian kita ganti dengan kata t-rex.

Cara menggunakan WORFS pada JavaScript

flags yang ada di JavaScript

flagsKeterangan
g Global Search
i Case Sensitive
m Multiline
s Allow . character
u Unicode Support
y Sticky Search

Special Character

Pola regex umumnya dibuat menggunakan special character.

Sebagai contoh \d atau [0-9] adalah special character yang digunakan untuk mencari angka dalam sebuah string.

1let word = 'Brachiosaurus has been estimated at 20 meters';

2let regexPattern = /[0-9]+/;

3

4let newWord = word.replace(regexPattern, 140);

5

6console.log(newWord);

Pada code di atas special character [0-9]+ mewakili angka 20.

Daftar lengkap special character yang biasa digunakan untuk membentuk pola regex dapat ditemukan disini.


Jika ingin memahami Regular Expression lebih jauh silahkan lihat disini.

Seperti yang kita ketahui JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web interaktif. Javascript berjalan secara client side atau yang lebih tepat javascript berjalan di browser anda masing-masing dan tidak perlu di jalankan di sisi server. Pada javascript itu sendiri terdapat beberapa metode yang bisa kita pakai namun pada pembahasan kali ini saya akan membahas Cara Menggunakan Metode Back pada Javascript.

Metode back() dapat memuat URL sebelumnya yang terdaftar dalam riwayat pada browser teman-teman. Dalam hal ini saya hanya akan memberikan bagaimana Cara Menggunakan Metode Back pada Javascript. Ok, langsung saja kita mulai langkah-langkah  Menggunakan Metode Back():

1.Pertama

Buka teks editor teman-teman dan buat file dua file html baru yang di tempatkan salam satu folder

index.html

<!DOCTYPE html>
<html>
<head>
	<title>Back()</title>
</head>
<body>

<a href="index.html">Index</a>
<a href="test.html">Test</a>

<p>Dumetschool</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type 
and scrambled it to make a type  specimen book. It has survived not only five centuries, but also the leap into electronic 
typesetting, remaining essentially unchanged. It was popularised in 
the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 
and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

</body>
</html>

Test.html

<!DOCTYPE html>
<html>
<head>
	<title>Back()</title>
</head>
<body>

<a href="index.html">Index</a>
<a href="test.html">Test</a>

<p>Ini test</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 
5 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one 
of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical 
literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et
Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very
popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 
1.10.32.</p>
</body>
</html>

2. Kedua

Kita masukan button dan metode back-nya pada file index.html dan test.html yang telah kita buat tadi

<button onclick="goBack()">Kembali</button>
<script>
function.goBack(){
window.history.back();}
</script>

3. Ketiga

Coba teman-teman buka file index.html di browser teman-teman

Cara menggunakan WORFS pada JavaScript

Lalu klik link test, maka dia akan menuju file html yang bernama test.html

Cara menggunakan WORFS pada JavaScript

Setelah itu teman-teman klik tombol kembali, maka dia akan kembali ke file index.html

Metode back() pada javascript hanya bisa mundur satu langkah seusai riwata yang ada di browser. Bagaimana teman-teman cukup mudahkan menggunakan metode back() pada javascript.

Sekian pembahasan tentang Cara Menggunakan Metode Back pada Javascript. semoga bermanfaat.