Tutorial Pemrograman

Cara Membuat Fitur Print dengan JavaScript

Javascript adalah salah satu bahasa pemrograman tingkat tinggi yang bertipe interpreter. Javascript ini berfungsi untuk validasi atau manipulasi data baik tampilan atau sistem yang ada di dalam website.

Ketika pengguna membutuhkan data informasi tentang pengguna yang ada di dalam database website kamu. Misalkan pengguna mendaftar CPNS melalui website SSCN, pasti pengguna membutuhkan informasi dari SSCN. Setelah dia mendaftar, pasti data informasi tadi akan ditampilkan dalam bentuk kartu. Kemudian, dia mencetak atau print kartu tersebut melalui printer.

Berikut cara membuat fitur print dengan javascript.

Langkah:

1. Silahkan aktifkan teks editor seperti Notepad++, Sublime, Visual Code, dan sebagainya.

2. Silahkan ketik kode script di bawah ini.

3. Simpan hasil kode script tadi dengan tekan CTRL + S.

4. Pilihlah tempat simpan sesuai keinginan kamu, berikan nama “print-javascript.html”.

5. Klik Save.

6. Cari file yang tadi, kemudian klik kanan pada mouse → Open With → Web Browser app (Chrome, Mozilla, atau Microsoft Edge).

Tampilan hasil semula.

Tampilan ketika klik button print.

Selesai.

Catatan: Kamu mewajibkan menambah kode script di bawah ini.

Letakkan kode script tersebut di atas barisan </head>. Tujuannya agar button print tersebut bisa berjalan.

Kini, kamu bisa membuat fitur print ke dalam website kamu baik offline maupun online untuk keperluan data informasi terhadap pengguna.

Demikian tutorial cara membuat fitur print dengan Javascript. Selamat Mencoba.









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Download Aplikasi Inwepo

Berlangganan tutorial Inwepo melalui email

Copyright © 2018 Inwepo - All Rights Reserved.

To Top