StudyKuy – Membuat transisi Login PHP dengan Javascript, kali ini kita akan membuat artikel bagaimana caranya membuat login php dengan transisi menggunakan Javascript.

Apa itu JavaScript ? JavaScript adalah salah satu bahasa pemrograman yang paling banyak digunakan dalam kurun waktu dua puluh tahun ini.

Disini kita menggunakan javascript hanya untuk membuat transisinya yah teman seperti contoh dibawah

Login PHP transisi dengan JavaScript

Bagaimana setelah melihat contohnya apakah tertarik untuk membuatnya, siapa tau kalian ingin membuat atau menerapkan pada website kalian.

Disini kita hanya menggunakan javascript sedikit tidak banyak, dengan login php menggunakan transisi dengan javascript ini mungkin lebih membuat menarik dan mempercantik website kalian.

Langsung saja kalian buka Text_editor kalian masing-masing.

Database PhpMyAdmin

Pertama-tama kalian buat dahulu untuk databasenya, cara untuk membuat database ada di blog ini kalian bisa membukanya kembali. Jangan lupa aktifkan dahulu Xampp kalian yah.

Index php

Selanjutnya kalian buatkan dahulu index php untuk form login php nya, kalian bisa salin source code dibawah.

Kurang lebih seperti itu untuk source code nya kalian bisa mencontoh diatas atau kalian ada karya sendiri, lebih baik kalian ada karya sendiri sih jangan copy paste biar cepat bisa.

Selanjutnya mari kita buat untuk style css nya kalian bisa buat di dalam index php atau mau membuat file sendiri, kalau kalianmembuat dengan file sendiri jangan lupa dipanggil yah dengan fungsi link.

Kalian bisa copy file CSS dibawah ini atau kalian ingin membuatnya sendiri bebas teman…

Baca Juga ini Juga yah

Datatables : Cara membuat tabel dengan Datatables
Membuat Autofill PHP dengan perintah select
Cara Mudah Membuat Daftar Isi di Microsoft Word
Cara Mudah Menampilkan Data dari Database dengan PHP

okee selanjutnya mari kita buat untuk fungsi transisinya dengan javascript,
kalian bisa copy sourcecode dibawah.

Menggunakan Javascript Untuk Transisi Login PHP

Code Javascript

okee okee ga teman, bagaimana kalian sudah mencobanya, sekarang bagaimana bisa runing tidak teman, kalau tidak running bisa tinggalkan jejak dibawah yahh.

Penjelasan code javascript diatas

flogin.style.display = ‘none’; ini berfungsi untuk tampilan awal
regis.style.display = ‘none’;ini berfungsi untuk tampilan awal

Lalu sedangkan yang ini ketika button login di klik maka form login tampil dan form register tidak tampil.
login.onclick = () => {
flogin.style.display=’block’;
regis.style.display = ‘none’;
flogin.style.right = ‘400px’;
}

Sedangkan yang ini ketika button register di klik maka form login tidak tampil dan form register tampil.
register.onclick = () => {
flogin.style.display=’none’;
regis.style.display = ‘block’;
regis.style.right = ‘340px’;
}

Bagaimana mudah bukan untuk membuatnya dengan javascript, kalian bisa terus mencoba teman, dan jika ada kesulitan terus mencari jangan nyerah yah teman.

Selamat mencoba semangat terus untuk koding salam ngoding.


2 Komentar

Ero chenel · 29/01/2021 pada 7:02 am

Web saya ada dua mas ini isi game dan yang satunya gado².

Saya mau tanya cara nya buat item² itu gimana ya?

    admin · 29/01/2021 pada 11:35 am

    siang gan, membuat item-item yang kayak apa yah gan?

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *