Tutorial Melakukan Aksi(Pindah Halaman) Setelah Login Dengan Menggunakan HTML, CSS Dan Javascript

Assallamualaikum Wr Wb

Saya akan melanjutkan tutorial kemarin yang saya upload yaitu membuat form login dengan HTML dan CSS. Kali ini saya akan posting tutorial lainnya yaitu melakukan aksi setelah login dengan menggunakan HTML, CSS dan Javascript

Saya akan melanjutkan dari sintax dari tutorial kemarin,  jadi bila ada yang mengikuti langkah langkah sesuai  yang kemarin saya posting, jadi jangan khawatir.

tutorial sebelumnya : http://wrungpjok.blogspot.co.id/2018/03/tutorial-membuat-login-form-dengan-html.html

Toolkit sama seperti tutorial kemarin.

1. Kemudian buat file baru dengan nama login.js

    js disini berarti javascript artinya file ini javascript

2. Ketikkan sintax diatas untuk javascriptnya. untuk melakukan aksi apabila setelah login sukses akan   muncul pemberitahuan berhasil login.

3. CATATAN file javascript harus 1 folder dengan loginform.html dan Style.csss

4. Setelah itu kembali ke file loginform.html 

5. Perhatikan yang saya lingkari, untuk memanggil fungsi javascript.

6. Perhatikan yang saya lingkaran tab/halaman yang akan muncul bila telah sukses login agar masuk halaman/tab lain maka perlu fungsi pemanggilan berupa window.open atau window.location yang gunannya untuk pindah tab/halaman. jadi fungsi window.open("http://www.google.com/") agar bisa memanggil google

7. Dan hasilnya bisa dilihat dibawah ini

Mungkin posting kali ini saya hanya sampai sini saja, mungkin dilain kesempatan saya akan 

melanjutkan postingan tutorial yaitu Tutorial Block Login Failed. bila saya ada kesalahan dan kekurangan, harap mohon dimaklumi. sekian dan terima kasih

Waassallamuallaikum Wr Wb

Sumber :

https://www.w3schools.com/jsref*met_win_open.asp

http://javascript-coder.com/window-popup*javascript-window-open.html

https://www.duniailkom.com*tutorial-html-lanjutan-cara-membuat-internal-link-ke-bagian-lain-dokumen-atribut-id/

https://www.duniailkom.com*cara-menampilkan-hasil-form-html-dengan-javascript/

Dengan sedikit perubahan

NB: ganti tanda (*) dengan tanda(/)