Tutorial Pemrograman

Cara Mengatur Ukuran Tinggi (Height) pada TextBox dengan JavaScript

Javascript adalah salah satu bahasa pemrograman tingkat tinggi yang bertipe interpreter. Javascript berfungsi untuk validasi atau manipulasi data baik tampilan atau sistem yang ada di dalam website. Ternyata, JavaScript memiliki banyak kode script yang kamu tidak ketahui yakni kode script yang berhubungan dengan tampilan, warna, objek, seni, dan lain-lain. Bahkan kode script yang berasal dari CSS pun, ada juga kode script tersebut yang terdapat JavaScript.

Penulis akan memberikan tutorial cara mengatur ukuran tinggi (height) pada TextBox dengan JavaScript. Ini berguna apabila ada terjadi proses validasi yang terjadi di dalam website, atau kamu bosan dengan kode script CSS untuk mengatur atau mengubah ukuran tinggi (height) pada tempat input data teks (TextBox) tertentu. Kode script ini tanpa menggunakan library Canvas.

Berikut cara mengatur ukuran tinggi (height) pada TextBox 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 “height-textbox-js.html”.

5. Klik Save.

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

Selesai.

Catatan:

Kamu bisa menentukan ukuran tinggi (height) pada tempat input data teks (TextBox) yang kamu inginkan pada kode script yang di atas. Apabila mengukur tinggi (height) dengan satuan persen (%), maka kamu memasukkan nilai antara 0 % – 100 %.

Demikian tutorial cara mengatur ukuran tinggi (height) pada TextBox dengan JavaScript. Selamat mencoba.

Tutorial Lainnya dari Penulis:









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.

Berlangganan tutorial gratis melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top